centrer la page d'un site

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : centrer la page d'un site

_lapin_

fallen for you

bhen je m'y met et j'y connais pas grand chose

je me posais la question suivante,
comment faire pour centrer un site ?

exemple : www.google.fr (n'importe la taille de la fenetre, le site est toujours au milieu)

merci :jap:

ps: j'ai dreamweaver

Message édité par _lapin_ le 03-10-2003 à 02:03:37

Publicité

panzemeyer

The torture never stops

Une solution simple consiste à placer le tout dans un tableau. Mais les puristes te diront que c'est une hérésie programmatique

fastclemmy

(re-)Dictateur en plastique

Dans ton HTML, tu mets tout dans un <div> de taille fixe.
Dans ta CSS :
width:646px; >>> taille fixe de ton <div>
position:absolute;
left: 50%;
margin-left: -323px; >>> taille fixe de ton <div> / 2

aozora

pour le HTML tant ton table tu mets align="center"

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

lennelei

juste pour expliquer pourquoi le truc de fastclemmy marche (c'est + bôôôôôôô qu'un tableau )

left:50%
ca va positionner la gauche du tableau pile-poil au milieu de la page.

ensuite, avec le
margin-left: -323px
ca va décaler la marge gauche de 323px vers la gauche. Comme c'est la moitié de la taille du div, ca va donc amener le milieu du div au niveau de l'ancienne marge (qui était au milieu de la page grâce au 50%...)

si je dis tout ça, c'est pour expliquer qu'on peut utiliser cette méthode pour pleins d'autres trucs en modifiant les valeurs... en gros, le margin-left peut être utilisé pour un positionnement relatif du div par rapport a la valeur left.

Mattc

Feel like I could...TAKE ON...

SenG@ a écrit :

Citation :

merci professeur, on va a la pub et on reviens avec votre nouvel album

---------------
"Welcome to the soldier side, where there's no one here but me...."

lennelei

mattc a écrit :

Citation :

merci professeur, on va a la pub et on reviens avec votre nouvel album

rigoles, rigoles, ... mais je suis sûr que ça peut servir

Mattc

Feel like I could...TAKE ON...

SenG@ a écrit :

rigoles, rigoles, ... mais je suis sûr que ça peut servir

mais gt tres serieux, je suis sur que ton expliquation va servir !
je ne faisait que citer un passage des 2 minutes du peuples bine connu.

si je voulais me moquer j'aurait fait :

Citation :

c'etait vraiment tres interressant!

---------------
"Welcome to the soldier side, where there's no one here but me...."

_lapin_

fallen for you

yes merci fastclemmy et seng@ pour l'explication

je vais essayer

tchanpow

Hallucinant !!

Est-ce que les marges négatives ne créent pas de bug avec certains navigateurs ? :??:

(Question innocente : pas frapper :sweat: )

Message cité 1 fois

Publicité

Gnub

il suffit de mettre : "margin-left:auto; margin-right : auto" et ça marche sans marges négatives

Message édité par Gnub le 04-10-2003 à 17:53:27

tchanpow

Hallucinant !!

En tout cas, on sait ce qu'il faut demander au père Noël cet hiver :
un bon "float: center;" ou un "align: center;" dans les
C(hau)SS(ettes).

edit: piaf...

Message édité par tchanpow le 05-10-2003 à 08:24:20

sibelius

Vous êtes sûr ?

"il suffit de mettre : "margin-left:auto; margin-right : auto" et ça marche sans marges négatives"
>>> ça marche en effet, mais que sur les navigateurs qui respectent les standards, donc pas sur IE

La meilleure solution Valide est celle de Fastclemmy.
Voici quelques explications ici : http://www.alsacreations.com/articles/centrer/

Message édité par sibelius le 05-10-2003 à 21:38:40

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com

_lapin_

fallen for you

je vais faire autrement

voila le code tel qu'indiqué sur le tuto alsacreation

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE type=text/css>body {
margin: 0; /* pour éviter les marges */
text-align: center;
}
.conteneur {
margin-left: auto;
margin-right: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
}
</STYLE>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD>
<BODY>
<DIV class=conteneur></div></DIV></BODY></HTML>

jusque là je pense avoir bon,
ensuite ils disent:

Citation :

Il suffit ensuite de placer le reste du site dans conteneur.et votre site sera centré proprement.

mais ca je comprends pas, si je créer un div en mode graphique, faut le copier coller dans le conteneur ?

merci

Mad666

d'ailleurs mossieu Fast et les autres, j'avais posé la question sur mon topic à ce sujet, à savoir que ceci ne fonctionne apparemment pas sous Firebird.

fastclemmy

(re-)Dictateur en plastique

Mad666 a écrit :

d'ailleurs mossieu Fast et les autres, j'avais posé la question sur mon topic à ce sujet, à savoir que ceci ne fonctionne apparemment pas sous Firebird.

:heink:

Mad666

fastclemmy a écrit :

:heink:

http://forum.hardware.fr/forum2.ph [...] bcat=0#bas

ofbdood

tchanpow a écrit :

Est-ce que les marges négatives ne créent pas de bug avec certains navigateurs ? :??:

(Question innocente : pas frapper :sweat: )

Siiiiii
Pour tester réduire la fenêtre du navigateur jusqu'a ce que la taille du site soit plus grande que celle de la fenêtre (donc normalement apparition d'ascenceur) ... mais là vu que les marges sont négatives bah ils n'apparaissent pas

cbolo

<body>
<div align="center">Ton site</div>
</body>

Cordialement C-bolo

Message édité par cbolo le 21-07-2008 à 21:57:50

autokicker

alors ça c'est ce qu'on appelle un sacré déterrage ! Tu as dû aller le chercher loin cbolo
Mais à mon avis, depuis le 03-10-2003 à 02:03:08, ils ont dû trouver leur réponse

---------------
Blog Musical Spleen-esque - Galerie d'Inspiration Webdesign - Jeux Gratuits en Flash

FORUM HardWare.fr

Graphisme

Web design

centrer la page d'un site

Sujets relatifs
Avis sur site	Mailoff - Le site - vos avis, vos conseils.
[Webdesign] nouveau site perso	Combien la création d'un site Design/PHP/MySQL peut coûter ?
[GRAPHISME] Nouvo design de mon site ?	creation site web (debutant)
Je recherche un site	[graph] "Udapte" besoin d avis sur mon site, jai fé des modif :)
WebDesign de mon site BDE	Site en Flash
Plus de sujets relatifs à : centrer la page d'un site

Page générée en 0.075 secondes