ho una situazione di codice che mi crea un grosso problema con Opera7.23 Win, sostanzialmente mi si allunga il primo div class="boxspot" di pari passo con la sidebar, mentre negli altri browser (giustamente questo non avviene) all'interno del boxspot esistono due altri div flottanti bloccati con un <hr style="clear:both" /> per fermare il tutto e che deve esserci.
Ecco il 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>
<title>test</title>
<style type="text/css">
body {
margin:0px;
padding:0px;
text-align:center;
}
#contenitore {
width:700px;
min-height:400px;
height:auto !important;
height:400px;
margin:0px auto;
padding:0px;
background-color:#FFFF99;
}
#corpo {
width:680px;
margin:0px auto;
padding:0px;
background-color:#FFFFCC;
}
#sidebar {
float:left;
width:250px;
margin:0px;
padding:0px;
background-color:red;;
}
#contenuto {
width:400px;
margin-left:260px;
padding:0px;
background-colorrange;
}
.boxspot{
width:400px;
border:1px solid black;
margin:10px 0px 0px 10px;
padding:0px;
}
#spota{
float:left;
width:180px;
margin: 0px 5px 0px 0px;
padding:0px;
border:1px solid red;
}
#spotb{
width:180px;
margin: 0px 5px 0px 210px;
padding:0px;
border:1px solid red;
}
</style>
</head>
<body>
<div id="contenitore">
<div id="corpo">
<div id="sidebar">
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova testo di prova </p>
</div>
<div id="contenuto">
<div id="boxspot">
<div id="spota">[img]img/foo.gif[/img]
testo di prova testo di prova</p></div>
<div id="spotb">[img]img/foo.gif[/img]
testo di prova testo di prova</p></div>
<hr style="clear:both" />
</div>
<div id="boxspot">
<div id="spota">[img]img/foo.gif[/img]
testo di prova testo di prova</p></div>
<div id="spotb">[img]img/foo.gif[/img]
testo di prova testo di prova</p></div>
<hr style="clear:both" />
</div>
</div>
<hr style="clear:both" />
</div>
</div>
</body>
</html>
---------------------------------------------
scusate il casino !
potete aiutarmi ?
Rispondi quotando
