28172 sujets

CSS et mise en forme, CSS3

Probleme espace entre 2 div [resolu]

Bonjour,
voila j'ai un petit problème, j'ai fait un header composée de Trois images, sous Firefox Impecable sa marche soue IE par contre ...


Mon CSS:

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

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

#header{
width: 90%;
margin-top: 2%;
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;

}


Mon HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <link rel="stylesheet" href="styles/style.css" type="text/css">
  
   
  
  </head>
  
  <body>
    <div id="header">
        <div id="h_gauche"></div><div id="h_droite"></div>
        <div id="h_contenu">
		        
		    </div>
		      
    </div>


  </body>


</html>


Merci D'avance de votre aide
Modifié par warman (30 Nov 2008 - 14:50)
problème de doctype

comme tu n'indique pas le chemin du doctype ie passe en mode natif et ne calcul pas correctement les marges

remplace ton doctype par 

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

et ça règle le pb

où
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

si tu tiens absolument à rester en html 4.01 transitional


voir le lien ci-dessous pour une explication complète :
http://css.alsacreations.com/Tutoriels-et-articles-divers/A-propos-du-Modele-de-boite-Microsoft-ou-quirks
Modifié par scott54 (19 Oct 2008 - 17:37)
Bonjour à tous ! Smiley biggrin

Voila j'ai un problème similaire :

Je construit un blog wordpress: http://obeca.fr/
Le problème étant que en dessous de ma bannière il y a un pixel blanc sur toute la longueur

Autre chose, Firefox | Chrome affiche ma barre de recherche au bon endroit .. contrairement à IE ...

Je ne sais pas d'où cela vient, pourriez vous m'éclairer ?
Sujet clos
Aller à