Somma di larghezze di DIV

[scoppato]

Ciao a tutti.
Come al solito si esce pazzi con IE6.
Sto realizzando un sito, il quale ha una banda orizzontale che ha una larghezza d totale di 918px;
Questo è il codice del CSS della banda:

#barraMenu {
    height:31px;
}
        #spallaSx01 {
            width:127px;
            height:31px;
            background: url(../immagini/01sx.jpg) no-repeat;
            float:left;
        }
        #menu {
            width:623px;
            height:31px;
            background: url(../immagini/fondoNavigazione.jpg) no-repeat;
            float:left;
        }
        #spallaDx01 {
            width:168px;
            height:31px;
            background: url(../immagini/01dx.jpg) no-repeat;
            float:left;
        } 

e questo è il codice HTML corrispondente:

<div id="barraMenu">
    <div id="spallaSx01"></div>
    <div id="menu"></div>
    <script type="text/javascript">
    var objBarra = new SWFObject("ElementiModello/barra.swf", "barra", "619", "24", "9", "#FFFFFF");
    objBarra.addParam("wmode", "transparent");
    objBarra.write("menu");
    </script>
 <div id="spallaDx01"></div>                                

</div> 

questa barra si vede correttamente in FireFox, in IE7 ma in IE6 l'ultimo box che ho chiamato spallaDx01 va sotto gli altri due, cioè non rimane allineato con gli altri.
Ho fatto 1000 tentativi, ho anche pensato di togliere l'animazione flash che vedete richiamata nel codice, ma niente da fare, risolvo il problema solo accorciando di 3px uno dei tre box, ma questo significa ottenere degli errori visivi sul layout, per i tre box contengono come sfondo degli elementi grafici.

Qualcuno mi saprebbe aiutare?

[gengix]

Sei sicuro che non sia il flash? Perchè copiando il codice sulla mia macchina, la visualizzazione dei div mi sembra correttamente allineata a fianco degli altri 2.
C'è altro codice supplementare oltre quello che hai postato?

[scoppato]

Nella disperazione ho provato a togliere i lcodice che richiama l'SWF, pensando che per qualche motivo arcano potessi risolvere il problema.
Il problema continua a verificarsi.
C'è altro codice, ma è abbastanza lungo da postare, ma comunque non influisce sulla corretta o scorretta visualizzazione della barra.

Comunque questo è il link: www.sicmorelli.org/sito/home.php

è abbastanza evidente che cosa non va se si carica la pagina con IE6

[gengix]

Prova così:

css:

#barraMenu {
	height:31px;
}
#barraMenu div {
	width:
	height:31px;
}
		#spallaSx01 {
			width:127px;
			background: red url(../immagini/01sx.jpg) no-repeat;
			float:left;
		}
		#spallaDx01 {
			width:168px;
			background: blue url(../immagini/01dx.jpg) no-repeat;
			float:right;
		}
		#menu {
			background: green url(../immagini/fondoNavigazione.jpg) no-repeat;
		}

struttura:

<div id="barraMenu">
    <div id="spallaSx01"></div>
    <div id="spallaDx01"></div> 
    <div id="menu"></div>
			<script type="text/javascript">
				var objBarra = new SWFObject("ElementiModello/barra.swf", "barra", "619", "24", "9", "#FFFFFF");
	            objBarra.addParam("wmode", "transparent");
				objBarra.write("menu");
			</script>
</div>

[gengix]

Mi sono dimenticato di eliminare il colore degli sfondi che mi è servito per vedere gli elementi.

[scoppato]

forse hai fatto qualche errore di battitura, l'ordine degli elementi è il seguente:

<div id="barraMenu">
   <div id="spallaSx01"></div>
   <div id="menu"></div>
    <script type="text/javascript">
    var objBarra = new SWFObject("ElementiModello/barra.swf", "barra", "619", "24", "9", "#FFFFFF");
    objBarra.addParam("wmode", "transparent");
    objBarra.write("menu");
    </script>
 <div id="spallaDx01"></div> 
</div> 

nel codice del CSS hai solo scritto "width:", immagino ti è sfuggito di inserire un valore.

Comunque sia la cosa non va, a meno che ho interpretato male ciò che mi hai consigliato, infatti ho riscritto ciò che mi hai detto, in questo modo:

#barraMenu {
    height:31px;
}
#barraMenu div {
    width:918px;
    height:31px;
}
        #spallaSx01 {
            width:127px;
            background: url(../immagini/01sx.jpg) no-repeat;
            float:left;
        }
        #spallaDx01 {
            width:168px;
            background: url(../immagini/01dx.jpg) no-repeat;
            float:right;
        }
        #menu {
            background: url(../immagini/fondoNavigazione.jpg) no-repeat;
        } 

e poi il codice HTML

<div id="barraMenu">
    <div id="spallaSx01"></div>
    <div id="menu"></div>
    <script type="text/javascript">
    var objBarra = new SWFObject("ElementiModello/barra.swf", "barra", "619", "24", "9", "#FFFFFF");
    objBarra.addParam("wmode", "transparent");
    objBarra.write("menu");
    </script>
  <div id="spallaDx01"></div> 
</div> 

[gengix]

La width e gli sfondo sono dimenticanze per la fretta.
Mentre lo scambio di struttura è voluto. Cambialo pure come ti ho scritto e vedi se va.
Se vedi un normale layout tre colonne vedrai perchè ho invertito l'ordine degli elementi:

http://css.html.it/guide/lezione/75/...nne-con-float/

e se nn ne 6 ancora convinto prova copiarti a parte questo codice che riproduce la tua situazione e vedrai. L'unico problema è che IE6 inserisce una leggera distanziatura di 2px tra gli elementi. Ma con questa soluzione almeno ti stanno in linea:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" >
 <head>
    <title>Prova</title>
    <style type="text/css" media="all">
    #box
    {
    width:918px;
    height:31px;
    }
    #box div
    {
    height:31px;
    }
    #sinistra
    {
    float:left;
    width:127px;
	background: red;
    }
    #destra
    {
    float:right;
    width:168px;
	background: green;
    }
    #centro
    {
	background: blue;
    }
    </style>
    <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
	<div id="box">
		<div id="sinistra"></div>
		<div id="destra"></div>
		<div id="centro"></div>
	</div>
</body>
</html>

Di più nn so che dirti =)

[scoppato]

Buongiorno gengix.
Ho seguito il tuo consiglio e ora gli elementi vanno al suo posto.
Comunque ho dovuto accorciare la larghezza del filmato flash che stava dentro il DIV centrale, perchè altrimenti mi saltava tutto.

Grazie ancora