C'è qualcosa che non va nella tua struttura, è evidente anche aprendo la pagina perché il div col tuo testo va oltre il div content di qualche pixel. In effetti hai stabilito delle altezze che poi creano problemi, lo stesso content non include gli altri div se non perché gli hai assegnato un'altezza laddove dovresti invece interrompere il float con un clear e lo stesso dovresti fare dopo l'altra serie di elementi flottanti. Se provi a ridimensionare questa pagina non vedrai l'errore di visualizzazione, il div content includerà sempre i due testi flottanti
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=utf-8" />
<title></title>
<style type="tex/css">
body{
background-color:#898a8c;
text-align:center;
font : 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#898a8c;
}
#container{
width:925px;
margin: 30px auto;
}
#header{
width:925px;
height:82px;
background-image:url(../images/logo-AZIENDA-led-technology.jpg);
margin-bottom:20px;
}
#content{
margin-top:5px;
margin-bottom:20px;
width:925px;
background-color:#FFF;
}
#lato_contenuto{
width:636px;
height:451px;
float:left;
}
#lato_contenuto_testo{
width:636px;
background-image:url(base_testo-led-ufficio-AZIENDA.jpg);
text-align:left;
color:#5f5f61;
}
#testo1{
width:240px;
margin-left:20px;
margin-top:10px;
text-align:left;
float:left;
}
#testo2{
width:270px;
margin-left:90px;
margin-top:10px;
text-align:left;
float:left;
}
</style>
</head>
<body>
<div id="container">
<div id="content">
<div id="lato_contenuto_testo">
<div id="testo1">
Lorem ipsum dolor sit amet, consectetur adipisici elit,
sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid
ex ea commodi consequat. Quis aute iure reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
obcaecat cupiditat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.</p>
</div>
<div id="testo2">
Lorem ipsum dolor sit amet, consectetur adipisici elit,
sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid
ex ea commodi consequat. Quis aute iure reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
obcaecat cupiditat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur
adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit
amet, consectetur adipisici elit, </p>
</div> <br clear="all" />
</div>
</div>!--finecontent-->
</div>
</body>
</html>
Rispondi quotando
