28173 sujets

CSS et mise en forme, CSS3

Comment centrer ma colonne principale sous IE ?

Bonsoir !!!

Je suis magicien, et tient à jour mon propre site : www.magical-comedy.com

Et depuis plusieurs mois, j'avais en tête de totalement rénover mon site ... mais voilà, j'ai à présent un petit soucis par rapport à mon css !

Comme vous le voyez à présent (sous IE), ma colonne principale est totalement à droite de l'écran (elle en sort même) ... et ce, depuis que j'ai inséré ce code :

/*~~~~~~~~~~ structure 1 colonne principale + 1 colonne � gauche~~~~~~~~~~*/
#deuxColGauche #main { position:relative; overflow:hidden; width:70%; position:absolute; padding-left:26%;}/*colonne principale*/
#deuxColGauche #leftnav { position:relative; float:left; margin:0%; width:19%; }/*colonne de gauche*/

Sous IE, cela donne donc la colonne totalement à droite, mais pour le reste des explorateurs, ma colonne est bien centrée ...
Je souhaiterai donc savoir comment faire pour que ma colonne soit centrée sous IE (sans que cela modifie le reste de mon design).

Je vous remercie d'avance de votre réponse et vous osuhaite de passer une excellente soirée ! Smiley cligne

Magicalement vôtre,
Anthony
Bonjour ! Smiley cligne

Merci de votre réponse mais je ne comprends pas à quoi me sert ce site (n'étant pas un bon anglophone ^^).

Je suis déoslé, mais je suis nouveau et ne connaît pas encore votre système pour fonctionner ...

Magicalement vôtre,
Anthony
Je pense que ca deconne car tu melange un peu de tout:


#deuxColGauche #main { 
position:relative; 
overflow:hidden; 
width:70%; 
position:absolute; 
padding-left:26%;
}
/*colonne principale*/
#deuxColGauche #leftnav { 
position:relative; 
float:left; 
margin:0%; 
width:19%;


Dans le premier code, tu met deux positions differentes(position:relative; position:absolute;) ainsi que dans le deuxième:position:relative; float:left;

Il est alors normal que le navigateur ne sais plus quoi prendre en compte. Si ca marche sur d'autres, peut-etre qu'il ne font pas attention à certaines lignes je ne sais pas.

Il faudrait que tu regarde attentivement comment est construit un site grâce aux tutoriels de alsacreations, tu apprendras beaucoup de choses! Et au final, tu comprendras tes erreurs Smiley cligne
Merci beaucoup Oryo ! Smiley smile

Et bien disons que ce n'est pas moi qui est fait tout seul cette ligne CSS que j'ai mis dans mon 1er post, c'est un modérateur du forum d'Over-blog qui m'a dit de faire cela pour ainsi pouvoir centrer ma colonne principale. Smiley cligne
J'ai regardé les tutos que vous proposez, mais je n'en ai pas trouvé un qui puisse m'aider pour centrer ma colonne ... Smiley decu

Magicalement vôtre,
Anthony
Sujet clos
Aller à