Espace deux div sous ie
Résolu
cecile
-
smed_79 Messages postés 1298 Date d'inscription Statut Contributeur Dernière intervention -
smed_79 Messages postés 1298 Date d'inscription Statut Contributeur Dernière intervention -
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
-
Enlèves peut-être l'espace à la première ligne :
<div id="header"><img src="images/Header.gif"></div> -
salut,
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; }
