my primo layout

[o4o4o4]

ciao.. ormai pensavo di nn dover toccare + il CSS quando provando il mio sito con ie ho scoperto una bella cosa...

come potrete vedere aprendo questa pagina con IE il menu e sx è spostato in basso al posto di essere affiancato...

il codice del CSS è questo...

/*typography*/
body{font: 76% verdana,arial,sans-serif;text-align: center}
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 200%}
h2{font-size: 160%}
h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;margin:0 5px}
h2,p{margin: 0 15px;padding:0}
p{padding-bottom: 0.7em;line-height: 1.5}
a{text-decoration: none}
address{padding: 3px 15px;font-style:normal}
div#relax p{font-size: 120%}

/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}
div#container{width: 900px;margin: 0 auto;text-align: left}
div#header{margin:0 0 10px;padding: 0 0 5px}
div#header h1{margin:0 5px;padding:60px 0 2px}
div#header a{margin-left: 10px}
div#sidebar{width: 165px}
div#sidebar div{padding: 2px 0;margin-bottom: 5px}
div#sidebar div#menu{margin: 0 2px}
div#nav ul,div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav a{margin-left:5px;padding-left:10px}
div#sidebar p{margin: 0 2px;padding:0}
div#sidebar p+p{margin-top: 0.7em}
div#text_ac{margin: 10px 10px;padding: 5px;text-align:center}
div#text_ar{margin: 10px 10px;padding: 5px}
form{margin: 20px 20px;text-align:center}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form input#find{width: 90px;margin-left:10px}
div#sponsor{float:right; width:730px;padding:5px 0;margin-bottom: 10px;text-align:center}
div#content{float:right; width:730px;padding:5px 0;margin-bottom: 10px}
blockquote{float:left;display:inline;width: 200px;margin: 0 10px 5px 15px;padding: 5px 0}
blockquote p{margin:0;padding: 0 5px;text-align: center}
div#relax{margin: 0 15px 10px;padding: 5px 0}
div#relax p, div#relax h2{margin: 0 5px}
div#footer{text-align:center; clear: right;margin-top: 10px;padding:5px 0}

come faccio a risolvere?

[o4o4o4]

vi metto un link dove è in uso...

cosi potete vedere:

http://blkeffe.altervista.org/prep_mail.php

[Toh!pisa]

Hai verificato di non avere uno scarto di dimensioni su margin e padding?

[o4o4o4]

cosa indenti.. potresti spiegarti meglio?

[Toh!pisa]

Il tuo problema di solito si verifica quando le dimensioni dei blocchi che devono allinearsi superano quelle del contenitore.
Controlla margin e padding di ogni blocco che, come sai, si vanno a sommare per dare la dimensione effettiva.

[o4o4o4]

mmm ho provato a sommarli e sembra a posto!

[Toh!pisa]

Io ho eliminato le dimensioni ed i div si allineano, quindi il problema è sicuramente in quello.
A parte questo, il tuo html è troppo confuso per poterlo aprire da chi non l'ha fatto e da te stesso in futuro.
Raccogli gli stili con più ordine se non vuoi precluderti la possiblità di effettuare modifiche veloci anche quando non ti ricorderai più come è fatto.

[o4o4o4]

ho provato a modificarlo ma niente...
ti riposto il CSS con le modifiche che ho fatto, spero adesso sia + chiaro

/*typography*/
body{font: 76% verdana,arial,sans-serif;text-align: center}
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 200%;color: #2170a7}
h2{font-size: 160%;color: #f60}
h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;margin:0 5px;color: #B02A36}
h2,p{margin: 0 15px;padding:0}
h1 a:hover{color: #fff}
p{padding-bottom: 0.7em;line-height: 1.5}
a{text-decoration: none}
address{padding: 3px 15px;font-style:normal}
div#relax p{font-size: 120%}

/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}
div#container{width: 900px;margin: 0 auto;text-align: left}
body{background: #000}

/*intestazione*/
div#header{margin:0 0 10px;padding: 0 0 5px}
div#header h1{margin:0 5px;padding:60px 0 2px}/*Sfondo con immagine*/
div#header a{margin-left: 10px}
div#header{background: #FFF}
div#header h1{background: url(logo.gif) no-repeat center;  background-color: Black; }

/*Corpo Centrale*/
div#content{
	float:right; 
	width:725px;
	padding:5px 0;
	margin-bottom: 10px;
	background: #336699}

/*Sponsor*/
div#sponsor{
	float:right; 
	width:725px;
	padding:5px 0;
	margin-bottom: 10px;
	text-align:center;
	background:#FFFF99}
	
/*Menu*/
div#sidebar{
	width: 155px;
	padding: 2px 0;
	margin-bottom:5px;
	margin: 0 2px;}

/*Link nel meunu*/
div#nav{background: #6699CC;}
div#nav ul,div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav a{margin-left:5px;padding-left:10px;color: #2660B1}
div#nav a:hover{color: #FFF}


/*login*/
div#blogin{background:#3399CC}
form#login{margin-left:10px;margin-right:10px;}
div#elogin{margin-left:10px;margin-right:10px;text-align:center;background:#CC66CC}


/*Impostazioni del testo*/
div#text_ac{margin-left:10px;  margin-right:10px;text-align:center;background:#FFF}
div#text_ar{margin: 10px 10px;background:#FFF}

/*Form*/
form{margin: 5px 5px;text-align:center}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form#login {background: #FF9933}
form#contattaci{background:#B4CEF7}

/*Fondo*/
div#footer{
	text-align:center; 
	clear: right;
	margin-top: 10px;
	padding:5px 0;
	background: #ffcc66;
	color: #333}

[o4o4o4]

nessuno che mi da una dritta???

[salasir]

Hai provato con un float:left su "sidebar"?