Ciao a tutti, sto cercando di risolvere da un po' questo problemino che mi sta affligendo, sto realizzando una pagina con layout a 3 colonne seguendo alcuni tutorial in rete, in pratica il div centrale non si allinea alle colonne laterali, ecco il codice:
index.html
style.csscodice:<!doctype html> <html> <head> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="container"> <div id="home_header">BARRA DEI MENU</div> <div id="home_nav">MENU DI NAVIGAZIONE</div> <div id="home_content">CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT</div> <div id="home_footer">FOOTER</div> </div> </body> </html>
Purtroppo mi è stato richiesto di fare l'header con posizionamento fissato ma se metto posizionamento relativo funziona, quindi il problema nasce proprio da quicodice:#home_header { position:fixed; background-color:#008FCC; width:100%; text-align:center; left:0px; top:0px; margin:0; padding:0;} #home_nav { float:left; width:220px; margin:40px 0 0; padding:0 1.5em;} #home_content { margin:40px 280px 0; text-align:center;} #home_extra { float:right; width:220px; margin:40px 0 0; padding:0 1.5em;} #home_footer { clear:both; text-align:center; margin:100px 0 0;} #container { position:relative;}
P.S: non sò perchè ma il footer prende come distanza iniziale di margine solo il div centrale, invece di tutte e 3 le colonne come indicato da "clear:both", perchè ?
Rispondi quotando