Problème alignement bloc CSS [terminé]

Problème alignement bloc CSS [terminé] - HTML/CSS - Programmation

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  :cry: )
 
Merci de votre aide


Message édité par Fridric999 le 08-12-2008 à 16:54:08
Reply

Marsh Posté le 08-12-2008 à 12:55:41   

Reply

Marsh Posté le 08-12-2008 à 15:25:39    

et le float: right, ca va pas?

Message cité 1 fois
Message édité par J_D_ le 08-12-2008 à 15:25:51
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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed