2009-06-15 5 views
2

J'ai question relative au centre de la page à l'aide div # conteneur En général, le code de conteneur est comme ceci:centre texte align avec css

div#container 
{ 
margin-left: auto; 
margin-right: auto; 
width: 50em; 
} 

Le conteneur balise div enveloppent la partie du code que je voudrais aligner le centre à l'intérieur.

Par exemple, nous avons 2 objet A et l'objet B _object A est la position absolue _object B est la position relative

Les deux objets A et B sont enveloppés dans le conteneur

Problème: seul objet B (position relatif) est align center L'objet A (position absolue) n'est pas aligner centre

Alors, comment centrer les éléments qui sont déjà positionnés comme absolus? Merci pour toute explication

+0

Pouvez-vous publier un exemple HTML de ce que vous décrivez avec l'objet A et l'objet B – tschaible

+0

Impossible de répéter le problème décrit dans FF3. Les deux div internes sont centrés. – billyswong

+0

centrer un élément positionné un peu défie tout le but de le mettre en absolu. Si vous l'avez à l'intérieur d'un élément de largeur fixe, il suffit de définir la marge-gauche pour être (50% - largeur de l'élément). – peirix

Répondre

2

Essayez de définir la position: relative sur la div #container. Position: absolue sera sinon absolue sur la fenêtre pas la div.

0

Utiliser haut: 50% et margin-top: -xxx (où -xxx est égal à la moitié de la hauteur définie en pixels) pour centrer le contenu positionné verticalement verticalement.

Utiliser à gauche: 50% et marge gauche: -xxx (où -xxx est égal à la moitié de la largeur définie en pixels) pour centrer horizontalement le contenu positionné de manière absolue.

Questions connexes