prob alignement Firefox/IE

prob alignement Firefox/IE - HTML/CSS - Programmation

Marsh Posté le 24-11-2006 à 11:25:44    

Bonjour a tous,
 
Voila je suis en train de creer un mini site (travail pour l'école), j'ai fait ma page avec homesite++ et ma feuille de style en css2 avec topstyle3...
 
Voici le problème: j'ai créé une division "wrapper" qui se trouve dans le body et qui englobe tout le reste. Dans ma feuille de style, pour "wrapper" j'ai mi margin-left et margin-right en auto de facon a ce que le wrapper soit bien centré dans la page... Ce-ci fait, je teste avec firefox et tout marche comme je le voulai, ensuite de teste avec IE et la mon wrapper (et tout son contenu) va se positioner à gauche contre le body et donc j'ai un grand espace à droite...
 
Quelqu'un saurait-il m'aider parceque je ne comprend pas pourquoi ca marche dans firefox et pas dans IE...  
 
Merci d'avance.

Message cité 1 fois
Message édité par xxrscaxx le 24-11-2006 à 11:26:01
Reply

Marsh Posté le 24-11-2006 à 11:25:44   

Reply

Marsh Posté le 24-11-2006 à 11:38:14    

xxrscaxx a écrit :

Bonjour a tous,
 
Voila je suis en train de creer un mini site (travail pour l'école), j'ai fait ma page avec homesite++ et ma feuille de style en css2 avec topstyle3...
 
Voici le problème: j'ai créé une division "wrapper" qui se trouve dans le body et qui englobe tout le reste. Dans ma feuille de style, pour "wrapper" j'ai mi margin-left et margin-right en auto de facon a ce que le wrapper soit bien centré dans la page... Ce-ci fait, je teste avec firefox et tout marche comme je le voulai, ensuite de teste avec IE et la mon wrapper (et tout son contenu) va se positioner à gauche contre le body et donc j'ai un grand espace à droite...
 
Quelqu'un saurait-il m'aider parceque je ne comprend pas pourquoi ca marche dans firefox et pas dans IE...  
 
Merci d'avance.


 
Il serait plus facile d'aider si tu mets le code fautif.
(juste en passant si tu as un doctype transitionnel, il n'est pas très étonnant que tu aies des différences de mise en page suivant les navigateurs avec lesquels tu affiches la page)

Reply

Marsh Posté le 24-11-2006 à 11:54:07    

voila je viens de mettre ma feuille de style et ma page ici: http://www.megaupload.com/fr/?d=MQMQP2VG

Reply

Marsh Posté le 26-11-2006 à 14:39:52    

personne ne px m'aider?

Reply

Marsh Posté le 26-11-2006 à 15:26:56    

Il faut positionner le wrapper en absolu et le centrer avec la technique des marges négatives


---------------
dH Design - Spécialiste en standards web et en accessibilité
Reply

Marsh Posté le 26-11-2006 à 15:34:56    

hauhazice a écrit :

Il faut positionner le wrapper en absolu et le centrer avec la technique des marges négatives


Bof, les marges auto sont un peu mieux, surtout quand tu réduis la fenêtre

Reply

Marsh Posté le 26-11-2006 à 19:21:15    

oui, moi le but c'est que quand le visiteur joue avec sa fenetre (augmente ou réduit la largeur), il y ai toujours le meme espace à droite qu'a gauche entre le wrapper et le body... Mais jvais essayer de suite de le mettre en absolu comme tu a di...

 

edit: si je met le wrapper en absolute, le margin auto ne fonctionne plus...


Message édité par xxrscaxx le 26-11-2006 à 19:27:17
Reply

Marsh Posté le 27-11-2006 à 09:09:41    

Pas de marges si position absolue, c'est logique. Et si position absolue, faut utiliser des marges négatives, mais si tu réduis trop ta fenêtre, le truc reste centré au lieu de coller à gauche (ce qui est mieux)

Reply

Marsh Posté le 27-11-2006 à 12:03:39    

FlorentG a écrit :

Bof, les marges auto sont un peu mieux, surtout quand tu réduis la fenêtre

 

Non les marges auto c'est mal car il faut ajouter un text-align:center dans le body pour que ça marche dans IE.


---------------
dH Design - Spécialiste en standards web et en accessibilité
Reply

Marsh Posté le 27-11-2006 à 12:31:45    

hauhazice a écrit :

Non les marges auto c'est mal car il faut ajouter un text-align:center dans le body pour que ça marche dans IE.


STFU noob :fou:
 
Si ton doctype est correct IE passe en mode strict et centre un élément de type block via les marges auto.
 
Ici notre gus veut un layout fluide, le lui conseille alors simplement de ne pas fixer de largeur et spécifier des marges en px ou % pour separer son site des bords du navigateur.
 
En ne spécifiant aucune largeur son site prendra automatiquement la largeur qui lui est affectée (propriétée par défaut des éléments de type block)

Reply

Marsh Posté le 27-11-2006 à 12:31:45   

Reply

Marsh Posté le 27-11-2006 à 15:13:40    

hauhazice a écrit :

Non les marges auto c'est mal car il faut ajouter un text-align:center dans le body pour que ça marche dans IE.


Dans IE5 [:aloy] Ou IE6 en quirks, soit 0.5% de la populace

Reply

Marsh Posté le 27-11-2006 à 19:59:07    

Merci pour votre aide...  

Citation :

En ne spécifiant aucune largeur son site prendra automatiquement la largeur qui lui est affectée (propriétée par défaut des éléments de type block)


 
Mais j'ai une bannière que fai 800px de large, donc si je ne donne pas de largeur a mon wrapper ben tout ses met n'importe comment...

Reply

Marsh Posté le 27-11-2006 à 22:02:36    

FlorentG a écrit :

Dans IE5 [:aloy] Ou IE6 en quirks, soit 0.5% de la populace


Quand on se soucis des normes w3c, on se soucis des 0.5% de la populace qui utilisent des brontosaures à la place de browsers

Message cité 1 fois
Message édité par hauhazice le 27-11-2006 à 22:06:18

---------------
dH Design - Spécialiste en standards web et en accessibilité
Reply

Marsh Posté le 27-11-2006 à 22:05:50    

gatsu35 a écrit :

STFU noob :fou:
Si ton doctype est correct IE passe en mode strict et centre un élément de type block via les marges auto.


Rien à voir, cela concerne les versions antérieures à IE6. Donc ton doctype, tu te l'enfiles là ou je pense

Message cité 2 fois
Message édité par hauhazice le 27-11-2006 à 22:06:12

---------------
dH Design - Spécialiste en standards web et en accessibilité
Reply

Marsh Posté le 27-11-2006 à 22:07:03    

hauhazice a écrit :

Quand on se soucis des normes w3c, on se soucis des 0.5% de la populace qui utilisent des brontosaures à la place de browsers


Non, on s'assure juste que le contenu puisse être lu, c'est ça les normes du W3C : pas que la mise en page soit au pixel près chez tout le monde, mais que le contenu soit parfaitement accessible. Sur les nouveaux navigateurs il sera centré, sur les anciens il ne le sera pas. C'est absolument pas grave, et les anciens navigateurs pourront toujours voir le site sans problème.

Reply

Marsh Posté le 27-11-2006 à 22:07:43    

hauhazice a écrit :

Rien à voir, cela concerne les versions antérieures à IE6. Donc ton doctype, tu te l'enfiles là ou je pense


Non, ça concerne toutes les versions, même la 7 : il faut être en mode strict pour que les marges auto fonctionnent, que ce soit IE6 ou IE7

Reply

Marsh Posté le 27-11-2006 à 22:15:34    

FlorentG a écrit :

Non, on s'assure juste que le contenu puisse être lu, c'est ça les normes du W3C : pas que la mise en page soit au pixel près chez tout le monde, mais que le contenu soit parfaitement accessible. Sur les nouveaux navigateurs il sera centré, sur les anciens il ne le sera pas. C'est absolument pas grave, et les anciens navigateurs pourront toujours voir le site sans problème.


C'est valable pour les mises en page simple, pour les plus complexes ca peut poser pb.


---------------
dH Design - Spécialiste en standards web et en accessibilité
Reply

Marsh Posté le 27-11-2006 à 22:21:46    

hauhazice a écrit :

Rien à voir, cela concerne les versions antérieures à IE5.5. Donc ton doctype, tu te l'enfiles là ou je pense


[:aloy]

Message cité 1 fois
Message édité par gatsu35 le 27-11-2006 à 22:22:17
Reply

Marsh Posté le 27-11-2006 à 22:23:00    


La source ?


---------------
dH Design - Spécialiste en standards web et en accessibilité
Reply

Marsh Posté le 27-11-2006 à 22:27:55    

Bon ben avant que ce topic ne parte en c***, j'ai une autre question lol...
j'aimerai bien que le pied se positionne en fonction de la taille de la plus grand boite, par exemple sur une page mon contenu va faire 600px de long, ben j'aimerai bien qu'il se situe à 50px de lui, sur une autre page, mon contenu ne fai que 300px de long, c'est ma plus longue boite, ben j'aimerai bien que le pied soit à 300px de lui par exemple, je ne sais pas si c'est possible...
La seule solution est des faire plusieur css? pcq le but c'est que j'ai 1 css pour l'index et 1 css pour la 30aine de page de contenu que j'ai...

Reply

Marsh Posté le 27-11-2006 à 23:24:03    


Bon cette sousmerde de IE 5.5 n'accepte pas le centrage via margin en strict mode :fou:
 
Bon je me mets mon doctype ou je pense dans ce cas [:moule_bite]

Reply

Marsh Posté le 28-11-2006 à 18:53:24    

personne ne peut m'aider pour le positionement du pied??

Reply

Marsh Posté le 28-11-2006 à 20:21:21    

xxrscaxx a écrit :

personne ne peut m'aider pour le positionement du pied??


on a rien compris


---------------
dH Design - Spécialiste en standards web et en accessibilité
Reply

Marsh Posté le 28-11-2006 à 20:22:19    

gatsu35 a écrit :

Bon cette sousmerde de IE 5.5 n'accepte pas le centrage via margin en strict mode :fou:
 
Bon je me mets mon doctype ou je pense dans ce cas [:moule_bite]


reconnnaitre ses erreurs est une qualité que j'apprécie


---------------
dH Design - Spécialiste en standards web et en accessibilité
Reply

Marsh Posté le 28-11-2006 à 20:36:26    

Bon ben pour faire simple, je ne veux/dois avoir qu'un seul css pour les différentes pages. Dans certaines j'ai beacoup de contenu, et dans d'autre juste quelques phrases, ce qui fai que j'ai des pages qui font +-800px de haut, et d'autre qui n'en font que 300... Je voudrai éviter de devoir mettre le pied en position absolue à 850px du dessu par exemple(top: 850px;), ce qui le placerai à quelque dizaines de px du contenu des plus longue page, ce qui peut aller, mais à des centaine de px du contenu dans d'autres cas (un blanc de 550px entre le contenu et le pied ce n'est pas fort beau...)
Donc existe-t-il un moyen, via un pourcentage plus que des longueur, ou via une fonction auto ou koi de remédier à cela?


Message édité par xxrscaxx le 28-11-2006 à 22:42:48
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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