Problème de bannière sur IE

Bonjour;
Je suis en train de faire un site web et j’ai une bannière en 2 parties

http://univers-stargate-sg-1.net/images/bulle_1 et à côté
http://univers-stargate-sg-1.net/images/bulle_2*

Sur firefox tout fonction les 2 images sont à côté par contre sur IE les image sont pas à côté

Le site de travaille est La

le code HTML

<body>
<div id="bulle_1">
</div>

<div id="bulle_2">
<?php
$connexion = mysql_connect("****","**","***") 
or die('connexion impossible '.mysql_error());
mysql_select_db("******",$connexion) 
or die('Erreur de selection '.mysql_error());
	if (isset($_SESSION['pseudo']))
	{
	
		echo '<br /><p>Vous êtes connecté en tant que '.$_SESSION['pseudo'].'<br /><br />
			  <a href ="./no.php">Messages privés</a><br />
			  <a href ="./deconnexion.php">Se déconnecter</a><br /></p>';
	}
	
	else
	{
?>
<p>
<form method="post" action="requete.php">
<a href="register.php" id="inscrit" >Pas encore inscrit ?</a>
<br />
<center><h4 class="connex">Connexion :</h4>

<p>

Pseudo : <input name="pseudo" type="text" id="pseudo" size="15" />

<p>

Password : <input type="password" name="password" id="password" size="15" />

<p>

<input type="submit" value="Connexion" />
</form>
</center>
<?php
}
?>
</div>

Le code CSS

#bulle_1
	 {
	 display:block;
	 border:1px solid black;
	 border-right:0px;
	 float:left;
	 float:top;
	 top:5px;
	 height:175px;
	 width:698px;
	 background:url('images/bulle_1.jpg') no-repeat; 
	 }
	
#bulle_2
	{
	display:block;
	border:1px solid black;
	float:top;
	float:right;
	text-align:center;
	vertical-align:middle;
	top:5px;
	height:175px;
	width:303px;
	background:url('images/bulle_2.jpg') no-repeat;
	}

Merci de votre aide

Cordialement; Linuxovore
Edité le 29/11/2007 à 19:52

Bonjour,

Tu devrais peut-être essayer de mettre un tableau de 2 colonnes (balise “

”) à la place d’utiliser la fonction “

:wink:
Edité le 09/12/2007 à 02:34

Oh my god, non surtout pas ca.

De nos jours on préfère dissocier la forme du contenu.

1, enleve les display:block, les

sont déjà des elements de type block

2, enleve les float:top…

3, vérifie que la width de bulle1 + width de bulle2 n’est pas supérieure à la width de ton body.

4, bulle1 float:left, bull2 float:right.

5, mets une width au body de + de 1001 px,

ok je ver essayer je vous dit si sa marche demain