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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] centrer ses DIVs sur la page

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] centrer ses DIVs sur la page

n°847799
effisk
我不讲中文
Posté le 11-09-2004 à 17:01:03  profilanswer
 

salut, je suis en train de monter un site web (comme c'est original!),
 
je suis pas super calé pour le CSS et je voudrais centrer ma page sur l'explorateur, je mets quoi dans ma CSS pour ça ?


---------------
London Box Office: Comédie Musicale Londres
mood
Publicité
Posté le 11-09-2004 à 17:01:03  profilanswer
 

n°847803
Hermes le ​Messager
Breton Quiétiste
Posté le 11-09-2004 à 17:06:09  profilanswer
 

effisk a écrit :

salut, je suis en train de monter un site web (comme c'est original!),
 
je suis pas super calé pour le CSS et je voudrais centrer ma page sur l'explorateur, je mets quoi dans ma CSS pour ça ?


 
en largeur :
 
le div conteneur (celui qui contient le div que tu veux centrer) : text-align : center;
 
le div contenu (celui qui contient ce que tu veux centrer) :  
 
margin-left : auto;
margin-right : auto;
 
pour la hauteur, on ne peut pas (en tous cas, pas simplement, mais en trichant --> solutions pourrites jusqu'à la moelle).
 
Seule soluce sans tricher : le conteneur est une table avec une cellule unique.


---------------
Expert en expertises
n°847806
effisk
我不讲中文
Posté le 11-09-2004 à 17:12:19  profilanswer
 

merci Hermes,
 
pour le div conteneur, text-align : center; ça va aussi centrer les images (c'est principalement des images mon truc) ?


---------------
London Box Office: Comédie Musicale Londres
n°847807
effisk
我不讲中文
Posté le 11-09-2004 à 17:12:32  profilanswer
 

bon j'esaye de toute façon, merci


---------------
London Box Office: Comédie Musicale Londres
n°847815
effisk
我不讲中文
Posté le 11-09-2004 à 17:36:29  profilanswer
 

bon en fait je veux centrer absolument tout le contenu de ma page, donc le div conteneur à la base.
 
donc soit je le centre, soit le le fais aussi large que la fenêtre pour ensuite faire comme Hermès a dit.
 
Je ne sais faire ni l'un ni l'autre.. :(
 
pour l'instant j'ai mis une balise <center> mais c'est pas très classe...


---------------
London Box Office: Comédie Musicale Londres
n°847816
effisk
我不讲中文
Posté le 11-09-2004 à 17:37:38  profilanswer
 

attendez, je mets mon truc en ligne


---------------
London Box Office: Comédie Musicale Londres
n°847818
Hermes le ​Messager
Breton Quiétiste
Posté le 11-09-2004 à 17:39:47  profilanswer
 

Tu crées une table de 100% de haut et 100% de large avec une unique cellule.
Tu mets ton div dans la cellule.
 


---------------
Expert en expertises
n°847821
effisk
我不讲中文
Posté le 11-09-2004 à 17:41:35  profilanswer
 

voilà la page:
 
http://www.teeoffevent.com/index.php
 
Il y a deux images, je souhaite que la petite soit située juste en dessous de la grande, et alignée sur la gauche.
 
Au final, je veux faire ça:
http://www.teeoffevent.com/index.htm


---------------
London Box Office: Comédie Musicale Londres
n°847824
effisk
我不讲中文
Posté le 11-09-2004 à 17:42:22  profilanswer
 

Hermes le Messager a écrit :

Tu crées une table de 100% de haut et 100% de large avec une unique cellule.
Tu mets ton div dans la cellule.

ok j'essaye. merci


---------------
London Box Office: Comédie Musicale Londres
n°847837
effisk
我不讲中文
Posté le 11-09-2004 à 17:59:37  profilanswer
 

Hermes le Messager a écrit :

Tu crées une table de 100% de haut et 100% de large avec une unique cellule.
Tu mets ton div dans la cellule.

bon j'ai essayé sans parvenir au bon résultat.
 
voilà l'adrese de la page: http://www.teeoffevent.com/index.php
 
la CSS: http://www.teeoffevent.com/files/style.css
 
j'ai dû faire un truc de travers, je ne sais pas quoi...
je veux juste centrer en largeur, la hauteur m'est égale.


Message édité par effisk le 11-09-2004 à 18:01:18

---------------
London Box Office: Comédie Musicale Londres
mood
Publicité
Posté le 11-09-2004 à 17:59:37  profilanswer
 

n°847845
effisk
我不讲中文
Posté le 11-09-2004 à 18:22:56  profilanswer
 

yes c'est bon j'ai réussi
 
l'info complète :
http://forums.devshed.com/archive/t-166666
 
 
Merci pour ton aide Hermes  :hello:


Message édité par effisk le 11-09-2004 à 18:23:33

---------------
London Box Office: Comédie Musicale Londres
n°930942
FTG
Posté le 23-12-2004 à 13:47:34  profilanswer
 

Par contre ton site sous mozilla, les menus partent un peu en live

n°935861
effisk
我不讲中文
Posté le 03-01-2005 à 16:30:58  profilanswer
 

ah ouais, j'ai réglé le problème (sur http://www.teetravel.com), faut que je mette ça en ligne sur celui-là aussi.


---------------
London Box Office: Comédie Musicale Londres
n°935867
the real m​oins moins
Posté le 03-01-2005 à 16:36:25  profilanswer
 
n°935869
FlorentG
Unité de Masse
Posté le 03-01-2005 à 16:36:59  profilanswer
 

Il est un peu lourdingue ton code, et respecte pas les guidelines de l'XHTML. Si la syntaxe est bonne et est valide (enfin j'espère, j'ai pas vérifié ;) ), tu n'as pas respecté le principe de séparation contenu/présentation. Aussi, ton code HTML ne renseigne en rien sur la sémantique et la structure de la page :(
 
Donc déjà faut virer tous les tableaux. Ensuite par exemple pour ton menu, pourquoi avoir mis une suite de div :??: Sachant qu'une div réprésente une section ou une division dans la page... Là ton menu est une liste de liens, donc il aurait fallu mettre tout ça dans une belle liste non ordonnée ;)

n°936885
effisk
我不讲中文
Posté le 04-01-2005 à 16:41:27  profilanswer
 

FlorentG a écrit :

Il est un peu lourdingue ton code, et respecte pas les guidelines de l'XHTML. Si la syntaxe est bonne et est valide (enfin j'espère, j'ai pas vérifié ;) ), tu n'as pas respecté le principe de séparation contenu/présentation. Aussi, ton code HTML ne renseigne en rien sur la sémantique et la structure de la page :(

moui, je sais.[:arn0]
A priori la syntaxe est ok. Pour ce qui est de la séparation contenu/look, cf dessous.
 
 

FlorentG a écrit :

Donc déjà faut virer tous les tableaux. Ensuite par exemple pour ton menu, pourquoi avoir mis une suite de div :??: Sachant qu'une div réprésente une section ou une division dans la page... Là ton menu est une liste de liens, donc il aurait fallu mettre tout ça dans une belle liste non ordonnée ;)

ouaip, j'avais fait ça à l'origine, mais c'était pas classe au chargement de la page.
Le browser charge la page et ensuite la CSS, du coup le temps que la page charge les trucs étaient dans tous les sens (tous alignés verticalement sur la gauche).
 
Là j'ai un truc qui marche sur la totalité des navigateurs (encore une ou 2 bricoles à régler) et qui a une (à peu près) bonne gueule. Ca me suffit - c'est largement au-delà de la moyenne. voilà quoi.
 


---------------
London Box Office: Comédie Musicale Londres
n°936888
fastclemmy
(re-)Dictateur en plastique
Posté le 04-01-2005 à 16:42:42  profilanswer
 

effisk a écrit :

ouaip, j'avais fait ça à l'origine, mais c'était pas classe au chargement de la page.
Le browser charge la page et ensuite la CSS, du coup le temps que la page charge les trucs étaient dans tous les sens (tous alignés verticalement sur la gauche).


 
FOUC ?
http://www.bluerobot.com/web/css/fouc.asp

n°936890
FlorentG
Unité de Masse
Posté le 04-01-2005 à 16:43:34  profilanswer
 

effisk a écrit :


Le browser charge la page et ensuite la CSS, du coup le temps que la page charge les trucs étaient dans tous les sens (tous alignés verticalement sur la gauche).


 
Comme dit fast, à part un FOUC, j'ai jamais vu ça :??:

n°936937
effisk
我不讲中文
Posté le 04-01-2005 à 17:09:12  profilanswer
 

FOUC.
 
J'avais pas fait attention que ça n'arrivait que sur IE tiens.  
Merci pour le lien.
 
Dommage, j'aurai su comment régler le pb plus tôt, je me serai pas fait iech. Je le saurai à l'avenir...


Message édité par effisk le 04-01-2005 à 17:11:40

---------------
London Box Office: Comédie Musicale Londres

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

  [CSS] centrer ses DIVs sur la page

 

Sujets relatifs
"font" dans les CSS[AVIS] site internet en "page à page" ou "forum" ?
Trouver une page toute faite, un script ? Newbie inside !centrer un menu
centrer une interface pour l'impressionformulaire html pour modifier une page en tps réel
exécuter du code sur une nvelle page et revenir automatiquement à 1ereDetecter la résolution du moniteur pour charger une page adaptée
[xhtml/css] Hauteur de 2 divPb Livre d'or herbergé par wanadoo ou pb front page
Plus de sujets relatifs à : [CSS] centrer ses DIVs sur la page


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