Tom's Guide > Forum > Programmation > Div css avec "positionnement dynamique"

Div css avec "positionnement dynamique"

Forum Programmation : Div css avec "positionnement dynamique"

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
fart   30-08-2009 à 17:47:18

Bonjour à tous,

Tout d'abord, excusez moi pour le titre qui n'est pas vraiment explicite mais je n'en ai pas trouvé de meilleur.
Je cherche a faire un bloc <div> avec les propriétés suivantes :

- une image de fond
- 500px de large
- centré sur la page
- placé à 100px du haut de la page
- placé à 0 px du bas de la page

Les trois premières propriétés ne posent aucun problème :

Code :
  1. background-image:url(monimage.jpg);
  2. width:500px;
  3. margin:auto;



Mais je n'arrive pas à ajouter les deux autres propriétés, sinon, soit c'est plus centré ou pas en bas.

J'espère que vous pourrez m'aider !
Merci.

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
wahhh   30-08-2009 à 17:51:49

enleve le margin:auto c'est a cause de sa fait le avec le padding-left et a partir de la tu pourras faire ce que tu voudras

Répondre à wahhh
fart   30-08-2009 à 17:58:49

Ok, mais du coup, s'il y a un redimensionnement de la page, la div ne sera plus centrée ... tu aurais une solution ?

Sinon, je peux peut être mettre deux div imbriqués : la première pour le positionnement vertical et à l'intérieur, le positionnement horizontal avec le margin:auto ?

En tout cas, merci pour la réponse.

Répondre à fart
wahhh   30-08-2009 à 18:05:30

oui margin-left : 750px; essaye sa tu verras que sa decalera apres si tu veux decalere par rapport au haut tu fait margin-top . par le bas margin-bottom . par la droite margin-right

Répondre à wahhh
Badge Programmation Bronze Allstar27   31-08-2009 à 00:25:10

Bonjour,

Pour faire simple:

Code :
  1. background-image:url(monimage.jpg);
  2. width:500px;
  3. margin: 100px auto;


Message édité par Allstar27 le 31-08-2009 à 00:25:38
------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
 Répondre à Allstar27
Badge Programmation Bronze SiM07   31-08-2009 à 17:55:38

Tu va avoir un problème pour positionner ton bloc verticalement avec une hauteur en haut en pixel et gérer l'ensemble des résolutions d'écran.

Répondre à SiM07
fart   01-09-2009 à 15:37:34

wahh : un margin-left : 750 ne résoudra pas le problème car cela centré que pour une seule résolution ^^'

Allstar27 : Ton code résoud tout sauf une chose (ce qui me pose problème moi aussi) : que le cadre arrive jusqu'en bas de la page, même s'il n'y a rien dans le bloc.

SiM07 : Oui justement, car je veux gérer la position haute a 100px et en même temps la position basse à 0px tout en étant centré...

Je me demande de plus en plus si c'est possible et si l'ensemble de ces propriétés peuvent ne pas êtres contradictoires.

En attendant, merci pour vos réponses ! ^^'

Répondre à fart
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Div css avec "positionnement dynamique"
Aller à :

Il y a 981 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,626 secondes
Liens