ho notato che con ie6 si raddoppia il margine laterale impostato per un blocco interno (con proprietà float:left) quando non è stato inserito nessun elemento inline prima del blocco interno.
posto l´ esempio:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
#box1{
float:left;
background-color: Aqua;
width:500px;
margin:0px;
padding:0px;
}
#box2{
float:left;
background-color: Red;
width:500px;
margin:0px;
padding:0px;
}
.box-interno{
float:left;
background-color: Gray;
width:490px;
padding:0px;
margin-right:10px;
}
</style>
</head>
<body>
<div id=box1>
<div class=box-interno>box interno :larghezza 490px -- margine destro 10px</div>
la somma della larghezza del box interno e del ripettivo margine è 500px ma come si vede dalla
figura supera i 500px....se pero inserisco un elemento inline prima dei box interno o tolgo la
proprietà float:left funziona tutto perfettamante.....(provate a decommentare "prova") è un
bug di ie6 o sbaglio io? con opera non da problemi....
</div>
<div id=box2>box di riferimento per mostrare la lunghezza di 500px</div>
</div>
</body>
</html>
è un bug di ie6 o sbaglio io?
Rispondi quotando
