Se connecter avec
S'enregistrer | Connectez-vous

Div css avec "positionnement dynamique"

Dernière réponse : dans Programmation

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 :
  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.

Autres pages sur : div css positionnement dynamique

Lassé par la pub ? Créez un compte

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.

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 ! ^^'
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde