[HTML-CSS] ie e firefox

[sha]

Salve!
sono alla mia prima realizzazione con css..
problema:

Il sito è strutturato con header, colonna sinistra per i contenuti, colonna destra piu piccola per contenuto extra, footer.
Layout fisso.

Stranamente in i.e. tutto bene, ma in firefox il contenuto della colonna sinistra sfora e va oltre i margini..e non è bello!
cosa sbaglio?

QUI
potete visualizzare la prova

i css usati:

#contenuto {
float: left;
width: 480px;
margin-bottom: 40px;
padding: 20px 10px 0 35px
}

per il contenuto della colonna sinistra
---
#sideBar {
float: left;
width: 240px;
font-size: 90%;
color: #e4e4e4;
padding:20px 20px 0 20px;
margin-bottom: 40px
}

per la colonna di desra

cosa sbaglio?
grazie!

[felixsuperstar]

io non vedo alcun errore...non é che dipende dalla risoluzione?..avendo usato un layout fisso..

[sha]

uhm..in i.e nn da alcun errore..
ma se lo guardi cn firefox i testi escono dai margini..

ho provato anche su un altro pc cn ff e mi da lo stesso problema...

[felixsuperstar]

http://pro.html.it/articoli/id_383/i...pag_2/pag.html
questo dovrebbe esserti utile..hai verificatoc he al cambio di risoluzioni si veda tutto bene?
io avrei fatto cosi..un container centrato che a sua volta contiene header, sottoheader(dove ora hai il menu) box centrale e colonna laterale..cosi eviti casini in quanto hai tutto dentro un elemento contenitore e devi solo giocar con il padding.

[sha]

si ho fatto come dici tu..contenitore che contiene tutto il layout, header e ora ho messo il contenuto dentro un wrapper con width 100%, che a ie nn fa nessun effetto ma a firefox si..

il punto è che cn le prove che ho fatto, sembra che f.f. non mi legga i padding!
se li metto o li tolgo a ff nn frega nulla..nn li considera..boh!

[felixsuperstar]

in alcune regole manca il punto e virgola...

[sha]

VVoVe:

messo a posto ma la situazione non cambia!!!!

#sideBar {
float: left;
width: 100%;
color: #e4e4e4;
padding:20px 20px 0 20px;
margin-bottom: 40px;
}

qui c'è qualche errore?

sembra che il padding non funzioni su ff..se lo levo,o lo tengo a ff nn frega nulla!!!
ie invece si comporta bene!!e la cosa è perlomeno strana!

[felixsuperstar]

prova a scrivere:

padding-top: Xpx;
padding-left: Xpx;
padding-right: Xpx;



oppure prova a non flottare quel div ma a dargli un position relative o absolute estraendolo dal flusso.

[sha]

ho provato a fare tutto quello che mi hai detto..

nulla.. ff nn si schioda
e come prima in i.e. si modifica a seconda...

ma ppeeeeeeeeeeerchèèèèèèèèèèèèèèèèè!uff

[pr0v4]

Scusa, forse la mia soluzione sara' sbagliata (sono alle prime armi anche io :P), ma secondo me l'errore sta nel fatto che te il padding lo dichiari all'interno della colonna, e quindi come propieta' della colonna stessa.
Hai mica provato ad applicare il padding al contenuto di quella colonna??? Ovvero ai paragrafi che metti all'interno?

Fammi sapere qualcosa, sopratutto se mi e' uscito dalla tastiera uno sfondone