Padding visualizzato erroneamente

mercoledì 04 febbraio 2009 - 15.38

HereticMaikey Profilo | Newbie

Ciao a tutti.
Sto realizzando una pagina html con una struttura a tre colonne utilizzando esclusivamente gli elementi <div>. Per rendere meglio l'idea posto direttamente il sorgente:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

e questo è il css:

* { margin: 0; padding: 0; } body { margin: 20px 0; background: #121212 url(immagini/sfFiori.gif) fixed; font: normal small Arial, Helvetica, sans-serif; } /* Page -------------------------------------- */ #page { width: 900px; margin: 0 auto; background: #FFFFFF; border: 12px solid #1A1A1A; } /* Logo -------------------------------------- */ #logo { height: 150px; clear: both; } /* Menu -------------------------------------- */ #menu { height: 50px; background: #1A1A1A; padding-left: 8px; clear: both; } #menu ul { margin: 0; list-style: none; } #menu li { display: inline; } /* Contenuto -------------------------------------- */ #contenuto { margin: 0; padding: 0 0 10px 0; clear: both; } /* Contenuto > Welcome -------------------------------------- */ #welcome { float: none; height: 40px; margin: 0; border-width: 2px 0 2px 0; border-style: solid; border-color: white; padding-left: 6px; padding-top: 5px; background: #cfc52f; } /* Contenuto > Sinistro -------------------------------------- */ #sinistro { float: left; width: 200px; height: 40px; margin: 0; border-width: 2px 2px 2px 2px; border-style: solid; border-color: white; padding-left: 6px; padding-top: 5px; background: #cfcfcf; } /* Contenuto > destro -------------------------------------- */ #destro { float: right; width: 200px; height: 40px; margin: 0; border-width: 2px 2px 2px 2px; border-style: solid; border-color: white; padding-left: 6px; padding-top: 5px; background: #cfcfcf; } /* Footer -------------------------------------- */ #footer { clear: both; padding: 8px; border: 2px solid white; background: #EBE6E8; }

Chiedo scusa per la lunghezza del post. Il problema che non riesco a risolvere sta nel padding del div "welcome": viene visualizzato correttamente con IE7 mentre con Firefox no. Il paragrafo Benvenuto non viene spostato di 6px come avviene per gli altri due div adiacenti. Da cosa dipende? Cosa ho sbagliato?
Grazie mille!


freeteo Profilo | Guru

Ciao,
io proverei a mettere un margin al div "welcome" perchè così lo forzi ad andare a destra dello spazio necessario al tag sinistro.
Io quindi metterei anche "margin-left:210px" a quello stile.

Ciao.

Matteo Raumer
[MVP Visual C#]
http://blogs.dotnethell.it/freeteo
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5