Espace deux div sous ie
Résolu
cecile
-
smed_79 Messages postés 1291 Date d'inscription Statut Contributeur Dernière intervention -
smed_79 Messages postés 1291 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
A voir également:
- Espace deux div sous ie
- Espace insécable - Guide
- Espace de stockage gmail plein - Guide
- Deux ecran pc - Guide
- Espace stockage google - Guide
- Comment faire deux colonnes sur word - 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