Espace deux div sous ie
Résolu
cecile
-
smed_79 Messages postés 1793 Statut Contributeur -
smed_79 Messages postés 1793 Statut Contributeur -
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
A voir également:
- Espace deux div sous ie
- Espace insécable - Guide
- Espace de stockage gmail plein - Guide
- Deux ecran pc - Guide
- Comment faire deux colonnes sur word - Guide
- Espace stockage google - Guide
2 réponses
Enlèves peut-être l'espace à la première ligne :
<div id="header"><img src="images/Header.gif"></div>
<div id="header"><img src="images/Header.gif"></div>
salut,
https://www.cssdebutant.com/
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;
}
Merci de m'avoir répondu. Le problème de l'espace est résolu, je n'ai pas fais attention à ce petit détail !
Merci
Cécile