[RESOLU]Probleme Positionnement css FF

Question

warman

25 Oct 2008 à 10:37

Bonjour
voila tou va bien sous IE mais sous Firefox non sauf quand je met des bordure rouge a mes div mon code :
CSS :


body{
background-color: #FFFFFF;
background-image: url(../images/background.png);
text-align:center;
margin: 0;
}

#conteneur{
border: 1px #C0C0C0 solid;
background-color: #FFFFFF;
width: 90%;
margin-left: auto;
margin-right: auto;
}

#header{
width: 90%;
margin-top: 1%;
height: 160px;
margin-left:auto;
margin-right:auto;
}

#h_gauche{
float:left;
width:36px;
height: 160px;
background-image: url(../images/header/h_gauche.png);
}

#h_droite{
width:39px;
height: 160px;
float: right;
background-image: url(../images/header/h_droite.png);
background-repeat: no-repeat;
}

#h_contenu{
background-image: url(../images/header/h_contenu.png);
height: 160px;
background-repeat: repeat-x;
margin-right:39px;
margin-left:36px;
}

#h_image{
float: left;
margin-left: 20px;
margin-top: 14px;
}

#h_annim{
float: left;
margin-top: 14px;
}

#h_calendrier{
margin-top: 113px;
width: 100%;
}

div{
border: 1px red solid; // Voir Capture 1
}

HTML :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <link rel="stylesheet" href="styles/style.css" type="text/css">
  
    <title>Site Officiel D'Utsar des Jardins de Passiflore</title>
  
  </head>
  
  <body>
    <div id="header">
        <div id="h_gauche"></div><div id="h_droite"></div>
        <div id="h_contenu">
		      <div id="h_image">
		        <?php
              $i=rand(0,4);
            ?>
            <img src="images/header/photos/hi<?echo $i; ?>.png">
          </div>
          <div id="h_annim">
           <object width="450px" height="90px">
              <param name=movie value="images/header/utsar_header.swf">
              <param name=quality value=high>
              <embed src="images/header/utsar_header.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="405px" height="90px">
              </embed>
           </object> 
          </div>
          
          <!-- Date - Fête - Heure -->
          <div id="h_calendrier">
            test
          </div>
          
            
            
        </div>
		    
		      
    </div>

Capture Sous Firefox avec bordure : http://img514.imageshack.us/img514/2529/erreurffze5.png

Capture Sous Firefox sans bordure : http://img136.imageshack.us/img136/8421/sansbordureix3.png

EDIT: Resolu Grace a Overflow:auto dans h_contenu
Modifié par warman (25 Oct 2008 - 11:09)

Sujet clos

CSS et mise en forme, CSS3

[RESOLU]Probleme Positionnement css FF