Discussion :

[emstar]

Bonjour à tous,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[ilood]

Salut

Essai de passer ton div parent en position relative.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[emstar]

C'est bon j'y suis arrivé

Merciiii ilood !!!

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[emstar]

C'est bon j'y suis arrivé

Merciiii ilood !!!

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[ilood]

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

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)

[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?

[ilood]

Ajoute

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
body {
	height: 100%;
}

[Stitchover]

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