Centrer une page avec des DIV imbriqués

Version imprimable

Bonjour à tous,

J'ai cherché les méthodes pour centrer une page avec les CSS. J'ai testé par exemple :

Code:

echo '<DIV style="margin-left: auto; margin-right: auto; width:'.$width.'px" >';

Je précise que je développe en PHP 5 Objet. Cet affichage fontionne très bien, mais pose problème dans certains cas.
En effet, des objets sont imbriqués ce qui implique des DIV imbriqués. Le résultat, à l'appel ressemble a ca :
Code:

1 2 3 4 5 6 7 8 9 10 <DIV style="margin-left: auto; margin-right: auto; width:1000px" > <DIV style="position:absolute; top:0px; left:169px"> <a href="__index.php?num_module=0"><img src="bouton1.jpg" border="0" /> </DIV> <DIV style="position:absolute; top:0px; left:338px"> <a href="__index.php?num_module=1"><img src="bouton2.jpg" border="0" /> </DIV> /* etc... */ </DIV></DIV>
Le problème est donc que seulement certains éléments sont centrés (ceux qui n'entre pas dans une position absoule).

Je voudrais centrer toute la page et son contenu, y a t-il une solution ?

Merci !!! :)

Salut

Essai de passer ton div parent en position relative.

Code:

1
2
3
4
5
6
7
8
9
10
<DIV style="position: relative; margin-left: auto; margin-right: auto; width:1000px" >
    <DIV style="position:absolute; top:0px; left:169px">
    <a href="__index.php?num_module=0"><img src="bouton1.jpg" border="0" />
    </DIV>
 
<DIV style="position:absolute; top:0px; left:338px">
    <a href="__index.php?num_module=1"><img src="bouton2.jpg" border="0" />
    </DIV>
    /* etc... */
</DIV>

24/04/2006, 14h28
emstar

C'est bon j'y suis arrivé :)

Merciiii ilood !!!

Dans mon index.php, j'ai placé :

Code:

echo'<DIV style="position:relative; margin-right: auto; margin-left: auto; width:1014px; height:500px; background-color:#99CCFF; border:1px solid grey;">';

:mouarf:
24/04/2006, 14h34
emstar

C'est bon j'y suis arrivé :)

Merciiii ilood !!!

Dans mon index.php, j'ai placé :

Code:

echo'<DIV style="position:relative; margin-right: auto; margin-left: auto; width:1014px; height:500px; background-color:#99CCFF; border:1px solid grey;">';

:mouarf:

* excepté que ca ne marche que sous Firefox ! euhm, IE ... :arf: !!!
25/04/2006, 13h02
ilood

Citation:

Envoyé par emstar

excepté que ca ne marche que sous Firefox ! euhm, IE ... :arf: !!!

Est ce que tu as mis un doctype au début de chaque page ? (sans doctype, IE 6 ne gère pas la propriété auto avec les margin-left et right)
25/04/2006, 17h50
Stitchover

je me suis appuyé sur ce code pour faire un div qui prends toute la page ...
et même avec un doctype ca marche pas sous I.E et bien sous firefox

voici la preuve : http://caroracle666.free.fr/TEST/

il semblerait que I.E affiche la div selon le contenu qu'il y a dedans, donc si il y a rien il affiche un trait, alors que firefox affiche bien comme souhaité .c'est assez embetant

une solution?
25/04/2006, 18h35
ilood
Ajoute
Code:

1 2 3 body { height: 100%; }
25/04/2006, 18h42
Stitchover

MERCI BCP! je pensais pas à un truc si simple!
txs!