Margini incontrollabili di immagini

[fcw5]

Salve a tutti,

Nel mio xhtml ho un div "corpo" width=750px nel cui interno ho 2 div: "destro" width=600px e "sinistro" width=150px.
Finchè inserisco il testo nei due contenitori non capita nulla, come inserisco un'immagine nel div "destro" (con attributo float=left, per incorporarla col testo), su IE è come se la larghezza del div aumentasse, quindi il div "sinistro" mi va a capo. Su FF vedo tutto correttamente.

c'è il modo per eliminare i margini "invisibili" creati dall'immagine?

Grazie
Fcw

[whiTe01]

nn ho capito cosa vuoi dire, fai meglio se posti il source (parti interessate)

[fcw5]

D'accordo, hai ragione.

Allora, i div hanno questo codice:
div#corpo {
width: 750px;
padding: 0px;
margin: 0px;
background-image: url(immagini/sfondo-corpo.gif);
background-repeat: repeat-y;
float: left;
}
div#sinistro {
width: 600px;
height: auto;
background-color: #FFFFFF;
text-align: left;
float: left;
}
div#destro {
width: 150px;
font-size: 10px;
background-color: #FFFFCC;
vertical-align: top;
float: right;
height: auto;
}

Se inserisco il testo:
p.contenuto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding: 10px;
margin: 0px;
text-align: justify;
}.

tutto bene, ma se aggiungo un'immagine a sinistra:
div#principale .contenuto img {
float: left;
display: inline;
padding: 0px 10px 0px 0px;
}

è come se il contenitore "sinistro" si allarghi, facendo cì che il div laterale sia costretto ad andare a capo, lo vedo sotto a destra e i 2 div si sovrappongono di un paio di pixel.
Questo errore si verifica solo su IE, ma non riesco proprio a correggerlo.
Ho provato con display= inline, ma nulla, non so come fare

Suggerimenti?

Grazie Fcw

[whiTe01]

allora, ti sei dimenticato un po di cose,
nel div devi specificare sempre l'altezza e larghezza, poi la position.

e cmq nn ho ancora capito cosa intendi :P

[fcw5]

Guarda qui:

http://www.webalice.it/fcwfex/paolo-...ivo/prova.html

Aprilo prima con Fire Fox, poi con IE, allora capirai il mio problema, che si presenta solo nel momento in cui inserisco l'immagine di Galileo.

A proposito degli attributi che hai detto mancarmi, la larghezza c'è in tutti i div, la lunghezza... come faccio a metterla se non la conosco? la pagina che vedi è solo una di tante, la sua lunghezza dipende dal testo che contiene (ed è variabile), l'ho cmq impostata su auto... ho sbagliato?

Per l'attributo position, ammetto la mia ignoranza, non ho ancora chiaro come si usa, o meglio i valori da attribuirgli.

Nei siti, si deve avere un contenitore che racchiuda tutta la pagina dentro al quale ci sono i div testata, corpo e piede, o posso creare quest'ultimi non racchiusi dentro un contenitore globale?

Grazie Fcw

[whiTe01]

Nei siti, si deve avere un contenitore che racchiuda tutta la pagina dentro al quale ci sono i div testata, corpo e piede, o posso creare quest'ultimi non racchiusi dentro un contenitore globale?

dipende come vuoi metterli.

cmq a me si vede bene sia con ff sia con IE, forse perche ho la versione 7, nn ho modo di provarlo con la 6...

quindi rimane ke nn ho capito

[fcw5]

Spettacolare! ho guardato anche io con la 7 e si vede bene... ma con la 6 no
Appena torno a casa (dove ho IE 6) ti ci faccio una foto, così siamo sicuri di vederlo!

Grazie
Fcw