Non riesco a posizionare l'immagine a sinistra [IE]

[dantefoxfox]

Ciao ragazzi, ho provato a posizionare l'immagine come ho letto su w3schools
come al solito tutto ok su firefox, mentre su ie mi dà delle noie anche perchè dopo l'immagine ho <h2> e non un

<div class="box_img">[img][/img]
</div>
<h2 class="title_minor">...</h2>

Aiuto!!!!!

[awd]

è un po' diverso, nell'esempio l'immagine è dentro il p! tu invece hai l'img dentro un div e l'h2 dopo. il br poi cosa centra?

[dantefoxfox]

Scusami
l'indirizzo esatto è questo
è questo

[Sickbrain]

<div class="box_img">[img][/img]
</div>
<h2 class="title_minor">...</h2>

Ma non dovresti applicare la class="box_img" all'immagine?
del tipo:

[img][/img]

Comunque farebbe comodo vedere un pò anche come hai scritto il CSS!
A dopo....

[dantefoxfox]

Originariamente inviato da Sickbrain
Comunque farebbe comodo vedere un pò anche come hai scritto il CSS!

Già, hai ragione, questo è il css relativo al box_img

.box_img {
float: left;
margin: 0 0 0 -2px;
padding: 2px;
text-align:center;
}

Comunque credo che il problema nasca dal fatto che IE non mi interpreti bene, almeno come fa firefox, la successione <img> e <h2>, perchè con <img> e

non c'è nessun problema, e quindi l'unica soluzione che mi viene in mente adesso è applicare una classe al

che me lo faccia apparire come un <h2>, ma a livello di codice, e di logica, non è sbagliato?

[Sickbrain]

VVoVe: Non complicarti la vita, la soluzione è molto più semplice: applichi una classe particolare all'elemento H2.

Perchè una classe? Non potrei dichiarare tutti gli H2 allo stesso modo?

No, perchè se ti serve l'elemento H2 "normale", poi non ce l'hia più.

CODICE CSS

.box_img {
float: left;
margin: 0 0 0 -2px;
padding: 2px;
text-align:center;
}
h2.post_img {
clear:left;
}

CODICE HTML

[img]nome_immagine.gif[/img]
<h2 class="post_img">titolo h2</h2>

Il clear:left dell'elemento/class h2.post_img, serve per "ripulire" tutto a sinistra, e quindi riallineare nel layout.

Spero di esserti stato d'aiuto