Buona sera,
sto avendo il primo approccio con la costruzione di siti tableless, ma ho un problema con l'altezza del container principale.
il mio css è il seguente
ma in pratica se creo una pagina di prova tipo questa:codice:html, body {margin: 0; padding: 0;} body {background: url(../images/background.gif); font-family: arial,sans-serif; font-size: 76%; text-align: center} #container{width: 760px; margin: 0px auto; padding-left: 2px; padding-right: 2px; text-align: left; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #903; background-color: #FFF;} #navigation{float:left; width: 140px;} #content{margin-left: 140px; padding: 1em;}
la colonna di sinistra mi sfora oltre il container.codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>PROVA</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> @import url("css/style.css"); </style> </head> <body> <div id="container"> <div id="navigation"> .:MENU:. - A - B - C </div> <div id="content"> Benvenuti nel mio sito!!! </div> </div> </body> </html>
Dalla guida di html ho provato ad aggiungere anche un background-image nel content... ma non ho ottenuto miglioramenti.
Deve essere una cavolata, ma non riesco a trovare la soluzione
grazie
ciao
gnegno
Rispondi quotando
