Compatibilité IE/FF

Sven

23 Sep 2008 à 19:21

Bonjour,

Avant que je m'arrache le peu de cheveux qu'il me reste, je voulais savoir si un de vous a la solution à ce problème :

Sous IE : mon div id="menu" est bien aligné à gauche tandis que sur FF ou opéra il s'aligne avec l'image : AMAE_logo....

Voici le css :

body
{
	width: 920px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #727272;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #938F8F;
}

div#conteneur
{
	width:801px;
	min-height: 400;
	margin-left:55px;
}	

div#headerTop
{
	background-color: #dedede;
	height: 30px;
}

div#header
{
	margin-top: 20px;
	height: 60px;
}

div#header img.amae_logo
{
	float: left;
}

div#header span#header_right
{
	float: right;
	width: 120px;
}

div#header span#header_right span
{
	float: right;
	margin-left: 5px;
}

span#header_right .monCompte
{
	float: right;
	margin-top: 3px;
	display:block;
}

div#menu
{
	display: block;
}

Voici le HTML :


<body>
    <div id="headerTop"></div>
    <div id="conteneur">
        
        <%--HEADER--%>
        
        <div id="header">    
            <img class="amae_logo" alt="Allez à l'accueil" src="images/AMAE_logo.gif"/>
            <span id="header_right">
                   <span><img alt="RSS" src="images/rss_logo.gif"/> rss</span>
                   <span><img alt="Newsletter" src="images/newsletter_logo.gif"/> newsletter</span>
                   <br />
                   <img class="monCompte" alt="mon compte" src="images/mon_compte.gif"/>
            </span>
        </div>
        
        <%--MENU--%>
        
        <div id="menu">
            blablablbal   
        </div>
</div>

Merci de votre aide !!
Modifié par Sven (23 Sep 2008 - 19:21)

CSS et mise en forme, CSS3

Compatibilité IE/FF