Espace deux div sous ie
Résolu
Bonjour,
J'utilise les div et css pour mon interface, mais je rencontre un problème d'affichage sur ie qui met un espace entre deux div. L'espace se situe entre le header et le reste.
voici le code html:
<div id="header" > <img src="images/Header.gif"> </div>
<div id="menu_gauche"> <img src="images/left_side.gif"></div>
<div id="centre">
<div id="contenu"></div>
<div id="pied_page"><img src="images/copyright.gif"></div>
</div>
<div id="menu_droit"><img src="images/right_side.gif"></div>
code css:
#header {
width:992px;
height:198px;
margin:0px;
padding: 0px;
}
#menu_gauche{
float:left;
width:172px;
height:638px;
margin-top:0px;
padding: 0px;
}
#centre {
float:left;
width:645px;
height:638px;
margin-top:0px;
padding: 0px;
}
#contenu {
float:left;
width:645px;
height:553px;
overflow:auto;
margin-top:0px;
}
#pied_page {
float:left;
width:645px;
}
#menu_droit {
float:left;
width:175px;
height:638px;
margin-top:0;
}
Merci d'avance
Cécile
J'utilise les div et css pour mon interface, mais je rencontre un problème d'affichage sur ie qui met un espace entre deux div. L'espace se situe entre le header et le reste.
voici le code html:
<div id="header" > <img src="images/Header.gif"> </div>
<div id="menu_gauche"> <img src="images/left_side.gif"></div>
<div id="centre">
<div id="contenu"></div>
<div id="pied_page"><img src="images/copyright.gif"></div>
</div>
<div id="menu_droit"><img src="images/right_side.gif"></div>
code css:
#header {
width:992px;
height:198px;
margin:0px;
padding: 0px;
}
#menu_gauche{
float:left;
width:172px;
height:638px;
margin-top:0px;
padding: 0px;
}
#centre {
float:left;
width:645px;
height:638px;
margin-top:0px;
padding: 0px;
}
#contenu {
float:left;
width:645px;
height:553px;
overflow:auto;
margin-top:0px;
}
#pied_page {
float:left;
width:645px;
}
#menu_droit {
float:left;
width:175px;
height:638px;
margin-top:0;
}
Merci d'avance
Cécile
Configuration: Windows Vista Firefox 3.0.5
2 réponses
-
ContributeurEnlèves peut-être l'espace à la première ligne :
<div id="header"><img src="images/Header.gif"></div> -
Contributeursalut,
https://www.cssdebutant.com/
body { padding: 0; margin: 0; } #header { width:992px; height:198px; padding: 0; margin: 0; } #menu_gauche{ float:left; width:172px; height:638px; padding: 0; } #centre { float:left; width:645px; height:638px; padding: 0; } #contenu { float:left; width:645px; height:553px; overflow:auto; padding: 0; } #pied_page { float:left; width:645px; } #menu_droit { float:left; width:175px; height:638px; padding: 0; }-
-
Contributeur@cecilede rien ;)
-
