Potete aiutarmi per favoreeee, mi serve assolutamente
ciao a tutti, ho un problema .. non riesco a capire questo css .. adesso ve lo posto. Mi servirebbe capire dove si trova la parte centrale del layout in questo css perchè devo modificarne la grandezza e inoltre una volta trovato mi sapete dire quali sono le unità di misura da utilizzare? vorrei che la parte centrale fosse bene o male grande come un'intera pagina web normale
questo è il css:
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 12px;text-align: center}
div#container{position: relative; width: 760px;margin: 0px auto;
border-left: 1px solid #000; border-right: 1px solid #000; background-color: #eee;color: #000;text-align: left}
/*stili generici, su header e footer*/
div#header{height: 80px;background-color:#000;color: #fff}
div#header a{color: #eee;text-decoration:none}
h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em}
h3{font-size: 1.2em}
div#footer a{color:#ff0;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
div#navigation{position: absolute; top: 80px; left: 0;
width: 110px;\width:110px;w\idth:100px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 80px; right: 0;
width: 180px;\width:190px;w\idth:180px;padding: 1em 5px}
div#content{margin: 0 190px 0 110px;padding: 1em 10px;background-color: #fff}
div#footer{text-align:right; padding: 5px 20px;
background-color: #000; color: #fff}
/*stili per la navigazione*/
div#navigation ul{margin: 0 0 20px;padding: 0; list-style-type: none}
div#navigation ul a{display:block;width: 90px;border-bottom: 1px solid #fff;color:#000;
font-weight:bold; text-decoration: none}
div#navigation ul a:hover{background-color: #fff;color: #f00}
div#navigation ul a#activelink{color: #f00;text-decoration: none}
div#minilink a{margin: 20px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px;
background-color: #fff;color: #000;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc}
/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999}
div.textimage{border-bottom: 1px dotted #999; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 10px}
div.textimage h2{margin-top: 10px}
div.wide,div.split2,div.split3{clear:left}
div.wide{margin: 0 1%; border-top: 1px dotted #ccc}
div.split2 div{float: left; width: 208px; \width: 218px; w\idth: 208px;padding: 0 5px}
div.split3 div{float: left; width: 135px; \width: 145px; w\idth: 135px;padding: 0 5px;
border-top: 1px dotted #ccc}
grazie
questo è il css:
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 12px;text-align: center}
div#container{position: relative; width: 760px;margin: 0px auto;
border-left: 1px solid #000; border-right: 1px solid #000; background-color: #eee;color: #000;text-align: left}
/*stili generici, su header e footer*/
div#header{height: 80px;background-color:#000;color: #fff}
div#header a{color: #eee;text-decoration:none}
h1,h2,h3,p{margin: 0}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em}
h3{font-size: 1.2em}
div#footer a{color:#ff0;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
div#navigation{position: absolute; top: 80px; left: 0;
width: 110px;\width:110px;w\idth:100px;padding: 1em 0 0 10px}
div#extra{position: absolute; top: 80px; right: 0;
width: 180px;\width:190px;w\idth:180px;padding: 1em 5px}
div#content{margin: 0 190px 0 110px;padding: 1em 10px;background-color: #fff}
div#footer{text-align:right; padding: 5px 20px;
background-color: #000; color: #fff}
/*stili per la navigazione*/
div#navigation ul{margin: 0 0 20px;padding: 0; list-style-type: none}
div#navigation ul a{display:block;width: 90px;border-bottom: 1px solid #fff;color:#000;
font-weight:bold; text-decoration: none}
div#navigation ul a:hover{background-color: #fff;color: #f00}
div#navigation ul a#activelink{color: #f00;text-decoration: none}
div#minilink a{margin: 20px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px;
background-color: #fff;color: #000;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc}
/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 2em}
div#extra div.newsbox h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.newsbox p{margin: 0}
/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999}
div.textimage{border-bottom: 1px dotted #999; width: 100%} /*risolve il peek-a-boo bug di IE6*/
div.textimage img{float:left;margin: 10px}
div.textimage h2{margin-top: 10px}
div.wide,div.split2,div.split3{clear:left}
div.wide{margin: 0 1%; border-top: 1px dotted #ccc}
div.split2 div{float: left; width: 208px; \width: 218px; w\idth: 208px;padding: 0 5px}
div.split3 div{float: left; width: 135px; \width: 145px; w\idth: 135px;padding: 0 5px;
border-top: 1px dotted #ccc}
grazie

Risposte
forse mi sono espressa male... il succo del discorso è c'è un modo perchè la lunghezza delle colonne si adatti a qualsiasi contenuto io ci carichi ?
Vi prego aiutatemi...
Vi prego aiutatemi...