Salve,
sto seguendo una guida per impostare il layout di siti tramite i div al posto di frame e tabelle... e mi sono quasi subito imbattuto in un problema che non riesco a risolvere.
Ho questo foglio di stile
E questa pagina webcodice:#intestazione { margin: 0; padding: 10px 10px, 10px, 10px border-bottom: 1px solid #cccccc; } #contenuto { float: left; width: 75%; margin: 0; padding: 0 3% 0 10px } #menu { margin: 0 0 0 79%; padding: 0px; background-color: #eeeeee; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc } #fondo { clear: both; border: 1px solid #cccccc; padding: 10px 10px 10px 10px; margin-top: 0px; }
Il border di #intestazione non si vede, né con Firefox né con Windows Explorer, anche cambiandogli colore o attributo (togliendo bottom e mettendo left, ecc...). Come mai?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=iso-8859-1" /> <title>Index.html</title> <link rel="stylesheet" href="stile.css" type="text/css" /> </head> <body> <div id="intestazione"> <h1>Nome del sito</h1> </div> <div id="contenuto"> <h2>Titolo della pagina</h2> Testo della pagina, rigo 1 Testo della pagina, rigo 2 Testo della pagina, rigo 3.</p> </div> <div id="menu"> Primo link</p> Secondo link</p> Terzo link</p> </div> <div id="fondo"> Info e ©Copyright</p> </div></body> </html>
Rispondi quotando
