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 ?