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è?