Discussion :

[SebastienM]

Bonjour, je rencontre un problème concernant le placement de 2 div, sous opéra :

Code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div class="flecheVerte">
            <img src="./images/fleche-verte.gif" width="29px" height="41px" alt="" />
        </div>
        <div class="logoXXX">
            <a href=""><img src="./images/sgfsdfsfsdf.gif" width="166px" height="63px" alt="sfsdfsfsfsfsf" /></a>
        </div>

Code CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
div#cadreBasDroite div.flecheVerte {
	float: left;
	position: relative;
	left: -3em;
	top: 1.6em;
	background-color: red;
}
 
div#cadreBasDroite div.logoXXX {
	overflow: hidden;
	position: relative; 
	top: 0.63em;
	background-color:green;
 
}

En fait, le logoXXX doit être aligné avec le fleche verte : j'y arrive sous IE6 et FF 2 en appliquant la propriété left -2em; sur div.logoXXX.

Je voudrais simplement aligner le bloc vert a côté du bloc rouge (cf. pièce jointe, enlever les espaces en fait).

Merci !

[pop_up]

essai de faire un conteneur qui englobe le tout et qui te permettra d'eviter de mettre des marges negatives.

J'ai pas opera donc je peux pas trop tester mais peut etre que d'autres ont ça sur leur poste.