Problema:div left sovrapposto a un header
Allora utilizzo questi due codici:
Codice HTML:
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<link rel=stylesheet href="http://www.zomer.altervista.org/stili/nuvoletta/nuvoletta.css" type="text/css">
<script src="script/nuvoletta/nuvoletta.js"></script>
<link rel=stylesheet href="http://stichtom.altervista.org/zomer/stili/home/stileutente.css" type="text/css">
</head>
<body><div class='box'>
<div class='box'>
<div class='boxtop'><div></div></div>
<div class='boxcontent'>
<center><div class="header"> Home | Profilo | Il mio blog | Messaggi | Amici
<form method="post" action="result.php">
<input type="text" name="chiave" />
<input type="submit" value="Cerca" /><br />
</form>
</div>
<div class="sx">
<center><table border="1"><tr><td>Immagine profilo</td></tr></table><br>Carica foto<br>Carica Video<br>News dagli sviluppatori
</div>
</div>
<div class='boxbottom'><div style="width: 656px"></div></div>
</div></center>
e il css:
Codice:
body{
background-color:#99CCFF;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
}
.sx {
float:left;
background-color: 0000FF;
margin-bottom:12px;
text-align:left;
float: left;
width: 170px;
left: 10px;
margin-left: 10px;
}
.header {
text-align: center;
width: 700px;
background-color:white;
}
.box {
background: #FFFFFF;
}
.boxbottom {
background: url(se.gif) no-repeat bottom right;
}
.boxbottom div {
height: 10px;
background: url(sw.gif) no-repeat bottom left;
}
.boxcontent {
padding: 0px 10px 0px 10px;
}
#wrapper {
margin: 0 auto;
text-align: left;
width: 490px;
}
#wrapper div.imgholder {
margin-bottom: 15px;
}
#wrapper div.imgholder div.text {
margin-top: 2px;
padding: 2px;
}
#wrapper img {
border: 5px solid #E6E2CF;
}
.style1 {
border-left: 0px solid #E6E2CF;
border-right: 2px solid #E6E2CF;
border-top: 0px solid #E6E2CF;
border-bottom: 2px solid #E6E2CF;
text-align: left;
}
.style2 {
text-align: center;
}
.style4 {
border-left: 0px solid #E6E2CF;
border-right: 0px solid #E6E2CF;
border-top: 0px solid #E6E2CF;
border-bottom: 2px solid #E6E2CF;
text-align: left;
;
}
.style5 {
font-size: small;
}
solo che il risultato è che la class "sx" si sovrappone alla class "header" come posso risolvere???
P.S.http://stichtom.altervista.org/zomer/page3.php qui c'è il risultato
