Firefox - Slittamento DIV

[Dubal]

Ciao,
ho un problema che mi perseguita nella realizzazione dei sitiweb tramite CSS

Creo un DIV "contenitore" il quale conterrà l'intero sito.
All'interno del "contenitore" inserisco due DIV, uno a sinistra ed uno a destra. La somma delle loro larghezze è uguale (forse un poco inferiore) alla larghezza del contenitore.

Il problema è che una volta pubblicato il sito, SOLO con Firefox il DIV di destra mi slitta in basso.
Premo F5 e torna nella posizione originale.

Pensavo di aver risolto il problema dando display:"table" ai DIV di sinistra e destra.. ma niente
Il problema persiste

Non capisco come risolvere

[Mich_]

Cosi` a prima vista, c'e` un errore, ma con il poco che dici non e` possibile sapere quale.

In base a richieste analoghe in passato, forse l'errore e` nella somma delle larghezze (la somma va fatta rispettando il box-model dei browser) o forse in qualche altro elemento.

Posta il link alla pagina, in modo da poter capire meglio.
In alternativa posta:
- il DOCTYPE
- il codice HTML del contenitore, dei suoi antenati e dei blocchi flottati
- il codice CSS degli stessi elementi

[Dubal]

Grazie per la tua disponibilità!
Postarti tutto il codice mi sempra improponibile! Dovresti perdere troppo tempo per decifrare e capire il tutto.

Cerco di semplificare la questione.
Allego un'immagine della struttura e riporto il CSS relativo.

CSS

.contenitore{
	width: 940px;
	margin: auto;	
	background-image: url(immagini/sfondi/sfondo_bg_colonnasx.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	display: table;}

.testa{
	width: 940px;
	height: 240px;
	margin: auto;
	background-image: url(immagini/sfondi/testa-home.jpg);
	float: left;}

.menu{
	width: 940px;
	height: 46px;
	background-image: url(immagini/sfondi/sfondo_menu.jpg);
	float: left;}

.colonna-sx{
        width: 262px;   
        float: left;
        background-image: url(immagini/sfondi/colonna-sx.jpg);
        display:table;}
   
.colonna-dx{
        width: 678px;	
	float: right;
	background-color: #fff;
	display:table;
	margin-top: 0px;
	padding-top: 0px;}

Il problema, come ho già detto, è che pubblicando il sito e visualzzandolo con Firefox la colonna-DX scende, ma non scende sempre alla base della colonna-SX, avolte scende di qualche PX ...

[StefanoC]

semplifica il problema:

imponi margin e padding pari a zero per ENTRAMBE le colonne ed osserva che succede.

poi una volta capito sistema questi due parametri come meglio credi.

[Dubal]

Infatti avevo già provato con margin-top: 0px

Cmq ho messo sia margin che padding a 0px, ma nulla... la colonna-dx alla primo caricamento di qualsiasi pagina slitta verso il basso. Se torni sulla stessa pagina vedi tutto correttamente.

[StefanoC]

Non solo margin-top !!! anche gli altri.
prova inoltre una config del genere:

.colonna-sx{
width: 262px;
float: left;
background-image: url(immagini/sfondi/colonna-sx.jpg);
}

.colonna-dx{
width: 678px;
float: left;
background-color: #fff;}

.colonna-sx, .colonna-dx {
margin: 0;
padding: 0;
}

[Dubal]

Ho provato la tua soluzione... ma niente.

Mi è stato consigliato di mettere due div SEPARATORI.
Uno prima e l'altro sotto le due colonne... ma niente.

CSS del separatore

.sep{
   width: 100%;
   display: table;
   height: 1px;}

[StefanoC]

riesci a postare l'indirizzo della pagina incriminata ?
sarebbe utile verificare l'html.

Ultimo suggerimento:

.contenitore: aumenta di qualche px il width e vedi che succede.

Altrimenti riparti da qui: ci sono interessanti esempi di layout : http://www.cssplay.co.uk/layouts/thr...n-layouts.html

ciao

[StefanoC]

hai un msg privee..