IE ne prend pas mon margin-left CSS

IE ne prend pas mon margin-left CSS - HTML/CSS - Programmation

Marsh Posté le 11-06-2005 à 02:56:48    

Bonjours, je dirai plutot bonsoir a vrai dire :p.
 
Bon j'ai un soucis avec un design d'un site que je tente de refaire.
C'est la premiere fois que je me lance dans le placement d'élément sans table mais que avec du CSS.
 
voici
http://bibi35.free.fr/test/
 
La partie en VERT est mon probleme,  
comme vous pouvez le constater, je nai pas de soucis sous Firefox, par contre sous IE, ba c'est la cata comme d'habitude bien entendu avec IE de Windobe.
 
J'ai pourtant mis margin-left a 0 pour le DIV class="page", ce qui veut donc dire que PAGE devrai s'étendre sur toute la page en question afin que mon élément centrale soit centrer.
 
Cela marche sous FFX mais pas sous IE, pourriez vous me guider svp,
 
En meme temps si vous avez de critique a faire sur ce que jai fait, Faites le, cela me permettra de mieux apprendre cette facon.
 
Merci

Reply

Marsh Posté le 11-06-2005 à 02:56:48   

Reply

Marsh Posté le 11-06-2005 à 05:58:22    

Salut,
 
As-tu pensé à supprimer les marges (margin, padding) par défaut du document (body) ?


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 11-06-2005 à 10:52:25    

Heu , je ne vois pas vraiment ce que tu veux me dire.
Mettre : margin:0; Padding:0; tout ca dans le body,
 
Cela ne fait strictement rien, j'espere que je n'est pas compris ce que tu mas dit :)

Reply

Marsh Posté le 11-06-2005 à 11:02:54    

ben déjà met un doctype sur ta page et tous les balises ki manques ca sera deja mieux

Reply

Marsh Posté le 11-06-2005 à 11:03:07    

...et <html>, <head>, <body>, tout ça, ils sont où dans ton code?[:mlc]


Message édité par skeye le 11-06-2005 à 11:07:49

---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 11:06:04    

utilise aussi des ID pour les element uniques c'est mieux que les classes

Reply

Marsh Posté le 11-06-2005 à 11:06:22    

voila c'est fais,
bon le doctype a tout pété le truc :s sous IE bien sur


Message édité par Badze le 11-06-2005 à 11:06:46
Reply

Marsh Posté le 11-06-2005 à 11:08:26    

ben maintenant mets la marge à 0 sur ton body, pour voir!:o


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 11:10:31    

Voila, mais ca colle le tout sur les bord, jaimerai eviter cela a moins que ce soit vraiment utile pour la suite des choses
http://bibi35.free.fr/test/
http://bibi35.free.fr/test/nvs.css


Message édité par Badze le 11-06-2005 à 11:13:43
Reply

Marsh Posté le 11-06-2005 à 11:13:57    

Badze a écrit :

Voila, mais ca colle le tout sur les bord, jaimerai eviter cela a moins que ce soit vraiment utile pour la suite des choses


euh c'est pourtant ce que tu as demandé là non? tu voulais pas de marge, là yen a pas. [:urd]


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 11:13:57   

Reply

Marsh Posté le 11-06-2005 à 11:16:54    

nonon, c'est pas du tout ca que je demande.
Sous firefox, tu peux voir que ma bande verte prend toute la page, comme ca je peux aligner mes élément sur la page.
 
Par contre sous IE, la bande verte prend en compte le menu gauche, donc la bande ne prend pas tout la largeur de la page ?
 
Tu vois le truc ?

Reply

Marsh Posté le 11-06-2005 à 11:19:15    

Badze a écrit :

nonon, c'est pas du tout ca que je demande.
Sous firefox, tu peux voir que ma bande verte prend toute la page, comme ca je peux aligner mes élément sur la page.
 
Par contre sous IE, la bande verte prend en compte le menu gauche, donc la bande ne prend pas tout la largeur de la page ?
 
Tu vois le truc ?


'pas regard IE...[:joce]
Je vais voir.


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 11:29:31    

Il est en position relative, ton machin vert, là, non?
Du coup IE prend 100% de ce qui reste, au lieu de 100% tout court, à cause de ton machin en float:left...


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 11:32:05    

Ba je fais comment pour quil prenne 100% de la page

Reply

Marsh Posté le 11-06-2005 à 11:34:34    

Badze a écrit :

Ba je fais comment pour quil prenne 100% de la page


Tu colles ton machin en float:left à l'intérieur? :??:
Jevois aps vraiment comment ut veux construire ta page, pour l'instant...[:urd]


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 11:40:30    

en gros comme cela
http://nord-versus-sud.com/accueil/accueil.php
 
je le fais en CSS, car c'est tres conseiller.
 
La seul difference est que je veux que le menu Gauche soit a gauche de la page.
Et que la partie droite soit centrer sur la page

Reply

Marsh Posté le 11-06-2005 à 11:42:04    

et avec le float:left comme tu mas dit, jobtiens ca.
http://bibi35.free.fr/test/
 
Ce qui est bon signe est que jobtiens la meme chose avec IE :p

Reply

Marsh Posté le 11-06-2005 à 11:51:48    

c'est pas ça que je voulais dire...essaie de mettre ton <div class="acceuil_gauche"> dans ton #page


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 11:59:29    

j'ai tester aussi cela,
cela me reviens a la meme chose, IE pue la merde a plein nez,
 
je ne comprend vraiment pas pourquoi IE ne veux pas prendre 100% de la page

Reply

Marsh Posté le 11-06-2005 à 12:06:36    

Bah il prend 100% là...mais comme ton menu gauche est par-dessus tu voispas le vert!:o


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 12:08:35    

Pas sous IE, car comme tu peux le voir, le milieu n'est pas centrer, donc il prend encore en compte la partie Gauche.
 
Malgré quand meme qu'il soit tout les 2 dans #page


Message édité par Badze le 11-06-2005 à 12:09:09
Reply

Marsh Posté le 11-06-2005 à 12:21:09    

Badze a écrit :

Pas sous IE, car comme tu peux le voir, le milieu n'est pas centrer, donc il prend encore en compte la partie Gauche.
 
Malgré quand meme qu'il soit tout les 2 dans #page


 
Ton #page a pas de raison d'être en float:left(même si doit pas jouer).
...et maintenant ça vient du margin:auto de acceuil_haut_gif, acceuil_tab_infos et acceuil_tab_news, IE prend en compte le acceuil_gauche en float:left...
 
J'ai toujours du mal à voir ce que tu fais, là...[:urd]
 
 
Personnellement pour arriver à un truc proche de http://nord-versus-sud.com/accueil/accueil.php je mettrai le #page en taille fixe + margin:auto, déjà...et tous les éléments dans le #page.


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 11-06-2005 à 12:42:29    

voila, je viens de faire des modif dans tout ca,
je suis arriver a donner ca
http://bibi35.free.fr/test/
 
MAIS, je veux que ma partie droite soit collé a droite, j'ai réussi sous firefox, mais pas sous IE.
 
ps: J'ai un text-align:center dans le body

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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