Problème css dans safari

[p4bl0]

Bonjour !

j'ai un problème avec le centrage de ma page sous safari (ça marche avec IE PC et Firefox) :

en fait, ma page est contenu dans une div et je la centre comme ça :
voilà le html :

// ...........
<div id="contents">
//........
</div>
//..........

voilà le css :

#contents { 
    position:relative;
    width: 800px;
    margin-left: -400px;
}

Ce code centre bien ma page sous firefox et IE pc, mais pas sous Safari (la motié de la page dépasse de la fenetre sur la gauche)

Si je rajoute "left: 50%;" dans le css, ça marche sous safari, mais plus sous IE ni firefox (la motié de la page dépasse de la fenetre sur la droite)...



Comment faire ?


merci

 

[Anonyme]

En fait tu devrais faire un truc comme ça :

#contents { 
    position:relative;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/*et le hack pour ie*/
html>body #contents { 
    text-align: center;
}

 

[kisco]

pour centrer ton div principal il faut faire comme cela :

    position: relative;    
    width: 700px;   /*ta taille voulue*/
    margin-left: auto; 
    margin-right: auto;

ça fonctionne ?

edit : snif, pas assez rapide :casse:

 

[p4bl0]

Merci à tout les deux, c'est géniale, merci !!!


EDIT :
ben... je peut pas vouls bouler... pourtant, j'en ai jamais donner à gloup gloup, et j'ai bouler 3/4 personnes depuis la dernière foi que j'ai bouler kisco...


enfin... l'intentiojn y est

 

[Anonyme]

Houlà je me suis mélanger les pinceaux avec le hack IE/WIN :rose:

#contents { 
    position:relative;
    width: 800px;
    /*hack IE6*/
    text-align: center;
}
/*le code correct pour les navigateurs qui respectent les standards*/
html>body #contents { 
    margin-left: auto;
     margin-right: auto; 
     
}

 

[mfay]

Pour que ça marche partout sans pb (même Explhorreur Windows) :
le bloc Contents sera centré.

body
{  text-align: center ;
}
div#contents
{  text-align: left ;
   margin-left: auto ;
   margin-right: auto ;
   width: 800px ;
}

Je n'aime pas les Hack

Le text-align center, c'est pour windows IE.
Et pour les bons navigateurs, les options margin auto nécessitent une width obligatoirement.

 

[p4bl0]

mais c'est bon, sans hack, juste avec les margin-left et -right : auto ça marche bien partout !

 

[gwena]

sauf sur ie, il faut aussi centrer le body sinon noway!