ciao a tutti (primo post)
'sto imparando i css....pero' ho un problemino
http://www.noris.it/csstest/testfix3.htm
1) - l'immagine di testa presenta alla base uno spazio di 2/3 pixel..
2) la colonna 2 risulta si allarga a destra di circa 1 pixel
3) ilblocco colonna1 e colonna2 hanno alla base uno spazio di 1 pixel...
chi mi puo' dare qualche dritta????
e il css:codice:!-- saved from url=(0014)about:internet --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it" dir="ltr"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="MSSmartTagsPreventParsing" content="TRUE" /> <link href="generalfix3.css" rel="stylesheet" type="text/css" /> <link href="navbar3.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="onfocus.js"></script> </head> <body> <div id="centrato"> <div id="intestazione"> [img]int.jpg[/img] </div> <div id="navbar"> <ul class="menuNavigazione"> [*]Prima Voce [*]Seconda Voce <ul> [*]Prima Sotto Voce [*]Seconda Sotto Voce <ul> [*]Prima Sotto Voce [*]Seconda Sotto Voce [*]Terza Sotto Voce [/list] [*]Terza Sotto Voce [/list] [*]Terza Voce <ul> [*]Prima Sotto Voce [*]Seconda Sotto Voce [*]Terza Sotto Voce [/list] [*]Quarta Voce [*]Quinta Voce [/list] </div> <div id="corpo"> <div id="colonna-1"> TESTFIX VERSIONE LAYOUT A TABELLA CENTRALE FISSA - Lorem ipsum mea sale iisque laoreet ei. Decore aperiam blandit quo ei. </p> COLONNA 1Stet invenire nam no. Quando nostro eligendi has an, labores vulputate id nam, sonet impedit .</p> </div> <div id="colonna-2"> COLONNA 2Sint oblique maluisset duo ut. Ut eam ignota persius perpetua, quo id possim accusata oportere, timeam laboramus ius et. </p> Idque virtute periculis mea et, mea id atqui perfecto senserit, semper conceptam et sed. Sit malorum phaedrum disputationi an. No bonorum insolens sit, periculis consequat voluptatibus sit in. </p> </div> </div> <div id="pie-di-pagina"> BARRA DI NAVIGAZIONE: HOME - CHI SIAMO - PRODOTTI - DOVE SIAMO</p> </div> </div> </body> </html>
il iefix.css contiene solo il fix per la navbar...(che funziona)...codice:body { width: 770px; margin-left: auto; margin-right: auto; padding: 0; background:#EEE url(back4.gif); color: #000; font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; } #centrato { width: 770px; margin: auto; } #intestazione { Margin:0; padding: 0; color: #FFF; width:770; height:50; overflow: hidden; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; } #navbar { width:770; float:center; background: url(pattern1.gif); margin: 0 ; display: inline; } #corpo { width:770px; float: left; border-left:1px solid #000; border-right:1px solid #000; background: #FFF url(sfondo.2col.fisso.jpg) left top repeat-y; } #colonna-1 { float:left; width:200px; background: transparent; color: #000; } #colonna-2 { float:left; width:570px; background: transparent; color: #000; } #pie-di-pagina { background: #666; color: #fff; clear: left; border:1px solid #000; } #colonna-1, #colonna-2, #pie-di-pagina { padding-top: 0.5em; padding-bottom: 0.5em; } div p { margin: 0; padding: 0.5em 0.5em; }
Grazie a tutti in ogni caso!
Rispondi quotando