Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    problema: contenitore che si restringe al passaggio del mouse

    Ciao!
    ho un problema:
    ho un contenitore con 3 blocchi flottanti all'interno;
    in uno dei blocchi ho un menu (lista).
    Il problema (solo con IE ) nasce quando passo con il mouse sopra i link del menu:
    il contenitore si restringe di qualche pixel dando un sopbbalzo a tutto il layout.

    Vi e' mai capitata una cosa del genere?!
    Liberté | Egalité | Fraternité

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    595
    Come sono definiti i blocchi? Oltre il float dico... magari postaci il css (solo ciò che riguarda i div floattati e le caratteristiche del menu)

  3. #3
    allora il codice xhtml e' qs:

    codice:
    <div class="contenitore">
    	<div class="latoImg">[img][/img]</div>
    	<div class="centro">
    		<ul>
    		[*][*][*][*]
    		[/list]
    	</div>
    	<div class="latoTesto">	
            <div class="testo"> 
            
    
    </p>
            </div>
            </div>
    </div>
    il css:
    codice:
    .contenitore {
    	width: 90%;
    	margin: auto;
    	text-align: center;
    	height: 445px; 
    	border: 1px solid #ffffff;
    	padding: 3%;
    	background-image: url(images/bkg_sfumato.jpg);
    	background-position: bottom;
    	background-repeat: repeat-x;
    }
    .latoImg {
    	width: 260px;
    	height: 421px;
    	float: left;
    	padding: 0;
    	margin: 0;
    }
    .centro {
    	width: 25%;
    	margin: 0;
    	padding: 25px 0 0 0px;
    	float: left;
    	text-align: center;
    }
    .centro ul {
    	list-style-type: none;
    	width: 140px;
    }
    .centro li {
    	background-color: #13A7EE;
    	width: 140px;
    }
    .centro a {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #FFFFFF;
    	text-decoration: none;
    	background-color: #006394;
    	display: block;
    	margin: 3px 25px 3px 3px;
    	padding: 2px;
    	text-align: left;
    }
    .centro a:hover {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #006394;
    	text-decoration: none;
    	background-color: #13A7EE;
    	display: block;
    	margin: 3px 25px 3px 3px;
    	padding: 2px;
    	text-align: left;
    }
    .latoTesto {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 70%;
    	color: #006393;
    	background-color: #FFFFFF;
    	float: right;
    	height: 421px;
    	width:  45%;
    	padding: 0;
    	margin: 0;
    	text-align: left;
    }
    .testo {
    	border: 1px solid #006393;
    	margin: 5px;
    	height: 411px;
    	padding-right: 5px;
    	padding-left: 5px;
    	overflow: auto;
    }
    ecco qui!
    grazie...
    Liberté | Egalité | Fraternité

  4. #4
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Credo che sia simile al problema che ho trovato tempo fa (e che non ho mai risolto)

    http://forum.html.it/forum/showthrea...hreadid=909030
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  5. #5
    Ah... confortante...

    adesso mi leggo il 3d

    grazie.
    Liberté | Egalité | Fraternité

  6. #6
    nessuno sa darmi qualche dritta?!

    nel 3d postatomi da salasir si parlava del guillotine bug...
    ma io ho 3 box e tutti flottanti...

    e quindi non so.

    grazie a chiunque!

    Liberté | Egalité | Fraternité

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.