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

    height + overflow + IE :(

    Ciao a tutti,
    ho fatto una semplice pagina che ha un div contenitore e i div figli. Il mio intento era quello di mostrare la barra laterale con il contenitore alto max 132px..esempio:

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    </head>
    <style type="text/css">
    .test
    	{
    	height:132px;
    	overflow:auto;
    	border:#FFFFFF;
    	border-style:solid;
    	border-width:3px;	
    	}
    div.ItnServiceInstanceName
    	{
    	font-size:8pt;
    	font-family:Verdana;
    	color:#FFFFFF;
    	background-color:#000000;
    	line-height:22px;
    	height:22px;
    	border-style:dotted;
    	border-width:0px 0px 1px 0px ;	
    	border-color:#CCCCCC;
    	padding:0px 0px 0px 12px;
    	}
    </style>
    <body bgcolor="#FF9900">
    <div id="AVXXX_Ebox_0" class="test">
    	
    	<div id="AVXXX_Ebox_0_0" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellActive.gif);;background-repeat:no-repeat;">andrea@dominio.eu</div>	
    	<div id="AVXXX_Ebox_0_1" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">mioa@mio.net</div>	
    	<div id="AVXXX_Ebox_0_2" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">x1@aaa.xx</div>												
    	<div id="AVXXX_Ebox_0_3" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">x2@aaa.xx</div>	
    	<div id="AVXXX_Ebox_0_4" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">x3@aaa.xx</div>	
    	<div id="AVXXX_Ebox_0_5" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">x4@aaa.xx</div>	
    	<div id="AVXXX_Ebox_0_6" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">altro@dominio.eu</div>	
    	<div id="AVXXX_Ebox_0_7" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">altro22@dominio.eu</div>	
    </div>		
    </body>
    </html>
    Se guardate con FIREFOX, la visualizzazione è corretta, ma con IE7 i div figli escono dal loro padre...perchè?

  2. #2
    risolto, l'oggetto padre e figlio devono avere la stessa proprietà position:relative; dichiarata.



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.