Problème alignement bloc CSS [terminé]
Problème alignement bloc CSS [terminé] - HTML/CSS - Programmation
Marsh Posté le 08-12-2008 à 15:25:39
Reply
Marsh Posté le 08-12-2008 à 16:51:53
| J_D_ a écrit : et le float: right, ca va pas? |
Salut, euh non float: right; dans #centre ne change rien, au contraire, avec, j'ai le problème d'alignement sous firefox et sous IE 
[EDIT]Ah bah nan c'est bon si je met que float:right; dans centre, ça fonctionne (le padding left devait posait problème je pense, car j'avais déja essayé le float:right; mais en laissant le padding
Merci beaucoup
Message édité par Fridric999 le 08-12-2008 à 16:53:55
Sujets relatifs:
- Problème d'adition avec js
- probleme grammaire linéaire en C
- Probleme avec pages html et lien sous IE 7
- Problème de réels en C
- Problème affichage applications java
- [Résolu] Problème avec propriété float
- Divers problèmes de CSS avec une barre de menu...
- Problème de tableau
- Problème code javascript
- [JScrollPane] problème d'impression
Marsh Posté le 08-12-2008 à 12:55:41
Bonjour, j'ai un problème d'alignement avec IE, qui interprète mal mon code css
Ma page comporte la structure suivante :
|+------ HEADER -----+|
|| GAUCHE || CENTRE ||
|| || ||
|| || ||
|+------ PIED -------+|
Mon code HTML :
<div id="conteneur">
<div id="header"></div>
<div id="gauche"></div>
<div id="centre"></div>
<div id="pied" class="pied"></div>
</div>
Et enfin, mon code CSS :
#conteneur {
width : 779px;
margin : 0 auto;
margin-bottom : 5px;
}
#header {
height : 159px;
width : 779px;
position : relative;
}
#centre {
width : 590px;
padding-left : 175px;
display : block !important;
padding-top : 6px;
}
#gauche {
float : left;
padding-left : 5px;
width : 165px;
}
#pied {
height : 23px;
width : 779px;
clear : both;
}
Sous Firefox, aucun problème, j'ai bien la bonne structure (cf plus haut), par contre sous IE ça donne ça :
|+------ HEADER -----+|
|| GAUCHE || ||
|| || ||
|| || ||
|| || CENTRE ||
|| || ||
|| || ||
|+------ PIED -------+|
J'ai donc un gros espace blanc, vide à coté de menu gauche, je pense que c'est un problème d'alignement, mais quand je résout le problème d'un coté (en mettant display : inline; par exemple, ça fonctionne sur IE, mais plus sous Firefox
Merci de votre aide
Message édité par Fridric999 le 08-12-2008 à 16:54:08