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
A voir également:
- Espace deux div sous ie
- Espace insécable word - Guide
- Espace de stockage gmail plein - Guide
- Comment faire deux colonnes sur word - Guide
- Deux ecran pc - Guide
- Espace de stockage - Guide
2 réponses
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