Problema:div left sovrapposto a un header

31-07-2009, 23.28.57

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
 &nbsp;&nbsp;
<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

01-08-2009, 00.23.39

impostare il margin top a sx.

Credo che tu abbia erroneamente scambiato top con bottom.

Discussione: Problema:div left sovrapposto a un header

LinkBack

Strumenti discussione

Display

Problema:div left sovrapposto a un header

Regole di scrittura