Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1953 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  prob alignement Firefox/IE

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

prob alignement Firefox/IE

n°1481206
xxrscaxx
Posté le 24-11-2006 à 11:25:44  profilanswer
 

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
mood
Publicité
Posté le 24-11-2006 à 11:25:44  profilanswer
 

n°1481209
Aghould
Posté le 24-11-2006 à 11:38:14  profilanswer
 

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)

n°1481219
xxrscaxx
Posté le 24-11-2006 à 11:54:07  profilanswer
 

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

n°1481892
xxrscaxx
Posté le 26-11-2006 à 14:39:52  profilanswer
 

personne ne px m'aider?

n°1481908
hauhazice
Posté le 26-11-2006 à 15:26:56  profilanswer
 

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é
n°1481912
FlorentG
Posté le 26-11-2006 à 15:34:56  profilanswer
 

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

n°1481974
xxrscaxx
Posté le 26-11-2006 à 19:21:15  profilanswer
 

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
n°1482093
FlorentG
Posté le 27-11-2006 à 09:09:41  profilanswer
 

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)

n°1482196
hauhazice
Posté le 27-11-2006 à 12:03:39  profilanswer
 

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é
n°1482222
gatsu35
Blablaté par Harko
Posté le 27-11-2006 à 12:31:45  profilanswer
 

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)

mood
Publicité
Posté le 27-11-2006 à 12:31:45  profilanswer
 

n°1482347
FlorentG
Posté le 27-11-2006 à 15:13:40  profilanswer
 

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

n°1482564
xxrscaxx
Posté le 27-11-2006 à 19:59:07  profilanswer
 

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...

n°1482640
hauhazice
Posté le 27-11-2006 à 22:02:36  profilanswer
 

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é
n°1482644
hauhazice
Posté le 27-11-2006 à 22:05:50  profilanswer
 

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é
n°1482646
FlorentG
Posté le 27-11-2006 à 22:07:03  profilanswer
 

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.

n°1482647
FlorentG
Posté le 27-11-2006 à 22:07:43  profilanswer
 

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

n°1482656
hauhazice
Posté le 27-11-2006 à 22:15:34  profilanswer
 

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é
n°1482666
gatsu35
Blablaté par Harko
Posté le 27-11-2006 à 22:21:46  profilanswer
 

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
n°1482669
hauhazice
Posté le 27-11-2006 à 22:23:00  profilanswer
 


La source ?


---------------
dH Design - Spécialiste en standards web et en accessibilité
n°1482677
xxrscaxx
Posté le 27-11-2006 à 22:27:55  profilanswer
 

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...

n°1482725
gatsu35
Blablaté par Harko
Posté le 27-11-2006 à 23:24:03  profilanswer
 


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]

n°1483315
xxrscaxx
Posté le 28-11-2006 à 18:53:24  profilanswer
 

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

n°1483345
hauhazice
Posté le 28-11-2006 à 20:21:21  profilanswer
 

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é
n°1483346
hauhazice
Posté le 28-11-2006 à 20:22:19  profilanswer
 

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é
n°1483352
xxrscaxx
Posté le 28-11-2006 à 20:36:26  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  prob alignement Firefox/IE

 

Sujets relatifs
[Flash] popup et firefoxalignement horizontale de tableaux dans une div
flash firefox mozilla ie safari....VB.net Prob lire première ligne de mon fichier avec mon progr
[RESOLU] Flash et Firefox - incompatibilite selective[CSS/Blogger] Menu latéral ok sous Firefox, coupé sous IE6
dewplayer probleme de lancement avec firefoxDebugger une jsp sous firefox
du plein écran sous firefox sans barre win et status es ce possible?[php/sql] prob de requête
Plus de sujets relatifs à : prob alignement Firefox/IE


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR