sto concludendo un layout css tableless, va tutto bene, il codice è xhtml valido.
L'unica cosa che non riesco a capire è questa:
ho un div che contiene due colonne (in float) e ha lo sfondo a immagine per simulare le due colonne.
il fatto è che senza settare l'altezza (height o min-height) lo sfondo non si vede anche se tutto il resto va bene.
l'html
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> HEADER </div> <div id="container"> <div id="side-a"> SIDEA </p> </div> <div id="side-b"> SIDE</p> </p> </p> </p> </p> </p> </p> B</p> </div> </div> <div id="footer"> FOOTER </div> </div> </body> </html>
il css
consigli?codice:/* CSS Document */ body,html { maring:0px auto; padding:0px;} #wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 600px; } #container{ background-color:#ff0000; height:100px;} #header { margin: 0px; background: yellow; } #side-a { float: right; width: 150px; } #side-b { margin: 0; float: left; width: 450px; height: 1% /* Holly hack for Peekaboo Bug */ } #footer { clear: both; background: #A2A2A2; }
Rispondi quotando
