centrer un <div> ?

kaRma

Drink Fast Corp.

comment faire pr centrer un &lt;div> et pour que ca reste parfaitement centré dans toutes les résolutions ?


j en suis la en fait : http://www.burn d2.com/myMAX/

(rassemblez les parties de l url, y a comme un script foireux
ici :/)

et faut que je centre le bazar ...

J arrive pas

 

Insomniack

Touriste

&lt;div align="center">

Tu fais ca au bloc-notes ?

 

1er

OP

kaRma

Drink Fast Corp.

Insomniack a dit:

&lt;div align="center">

Tu fais ca au bloc-notes ?

Cliquez pour agrandir...

et a une main




en fait ca marche pas ... vu ke la position est donnée par des pixels ou un pourcentage ...

 

Insomniack

Touriste

J'ai regarder la source et je n'ai point vu de tableau. Met tout dans un tableau et centre le.

 

D

DarkStar

ex membre

vala en fait c moi ki moccupe du site...
Juste pour dire :
- un tableau dans un &lt;div> => OK
- un &lt;div> dans un tableau => PAS OK

Vu que le &lt;div> a une position absolue, et est positionné par rapport a un nombre de pixel en haut, et a gauche (dans mon cas)
Je n'ai pas trop l'habitude des &lt;div> donc si je fais erreur quelque part faut me le dire

 

R

RedCross

ex membre

Pour les div tu peux positioner en absolu ou relatif. Dans ton css, teste...

Code:

position: absolute;

Code:

position: relative;

(et puis, le reste de ton code div quoi...)

Ha ouais, sinon aussi, je te conseille de mettre l'ouverture de balise body au début quand même

 

1er

OP

kaRma

Drink Fast Corp.

merchi !

 

D

DarkStar

ex membre

lol merci pour le &lt;body> javais pas vu
je vais essayer avec "relative" mais je ne sais pas trop ce que ca change.. J'ai appris les &lt;div> et j'avais juste besoin d'une position "absolute" donc je me suis pas assez renseigner sur les autres possibilités

 

D

DarkStar

ex membre

vala je viens de trouver...

Ca marche pour les cadres dont on connait la taille exacte :

Source : http://www.alsacreations.com/articles/centrer/

Et chez moi ca donne :

Code:

#global {
	position:absolute;
	left: 50%; 
	width: 661px;
	height: 667px;
	margin-left: -333px;
}

Je n'ai que "left" et "margin-left" parce que je n'ai besoin que d'un alignement horizontal

 

R

RedCross

ex membre

Sinon dans l'ensemble, le deisng il devient bien l'air de rien. Juste la nav, el roll-over la en bleu qui fait des aller-retour, c chiant
juste une fois c'est bien quoi

 

N1C0

Elite

http://www.alsacreations.com/articles/tutocss/
Un beau site pour apprendre les &lt;div> et les feuilles de styles (css) !

 

R

RedCross

ex membre

N1C0 a dit:

http://www.alsacreations.com/articles/tutocss/
Un beau site pour apprendre les &lt;div> et les feuilles de styles (css) !

Cliquez pour agrandir...

etant donné qu'il l'a cité en source, il doit connaitre