Salve a tutti,
ho un problema con delle liste annidate che vengono correttamente mostrate in firefox e opera, ma appaiono spostate sulla destra con ie6 (sembra che non riconosca il corretto margine sinistro assoluto)
La lista incriminata è sulla seconda riga.
Allego l'immagine di ie6 (spostata sulla destra, mentre con gli altri browser viene mostrata correttamente sotto la prima lista) ed il codice:Vi ringrazio tutti in anticipo!Codice PHP:<!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>
<style>
*{
margin:0;
padding:0;
}
html,body{
background-color:white;
height:100%;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
font-weight:normal;
}
div#documento{
position:relative;
width: 760px;
height: 100%;
margin:0 auto 0 auto;
/*MARGIN: SUP-DX-INF-SX*/
background-color:gray;
}
body>div#documento{
height:auto;
min-height:100%;
}
div#testata{
background-color:red;
height:100px;
}
div#menu{
background-color:yellow;
height:100px;
text-align:center;
}
div#corpo{
padding:10px 10px 50px 10px;
background-color:green;
}
div#piede{
position: absolute;
bottom:0;
width: 100%;
background-color:blue;
height:30px;
}
div#menu ul{
border-bottom:2px solid #ccc;
height:23px;
width:100%;
padding-top:10px;
}
div#menu ul ul{
display:inline;
position:absolute;
margin-top:35px;
border-bottom:2px solid #ccc;
left:0;
}
div#menu li{
position:relative;
color:red;
display:inline;
margin-right:-2px;
}
</style>
</head>
<body>
<div id="documento">
<div id="testata">
testata
</div>
<div id="menu">
<ul>
[*][url="#"]Link 1[/url]
[*][url="#"]Link 2[/url]
[*]<span>Link 3</span>
<ul>
[*][url="#"]SubLink 1[/url]
[*][url="#"]SubLink 2[/url]
[*]<span>SubLink 3</span>
[*][url="#"]SubLink 4[/url]
[/list]
[*][url="#"]Link 4[/url]
[/list]
</div>
<div id="corpo">
corpo
</div>
<div id="piede">
footer
</div>
</div>
</body>
</html>
Rispondi quotando