Centrer un container et un header, OK sous IE, pas sous FF

Bonjour !

Petit problème avec http://www.voltige.net/bloguegab2/

Sous IE, tout s'affiche comme je veux.

Sous Firefox, le container (tout sauf le header) n'est pas tout à fait centré.

Quelqu'un peut m'aider?

Merci !

Peut etre parce que tu n'a pas défini de DOCTYPE au début...

J'en ai ajouté un mais ça n'a rien changé

Pour centrer tes div, il ne faut pas utiliser align="center" mais margin:auto;

essaie avec ca.

il faut aussi mettre width: auto; aux style rightentry
le parent a aussi 195px de large

modifie le div avousdevoir
en <div class="rightentry" id="avousdevoir">

et le code CSS

.rightentry {
	width: auto;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	border-color: #F3F0D3;
	border-style: solid;
	border-width: 5px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}

#avousdevoir {
	line-height: 15px;
}

ca sera plus propre
Modifié par gege71 (26 Mar 2006 - 04:18)

Maintenant c'est OK sauf pour un petit détail: Sous Firefox, «Posté dans Divers» et «Aucun commentaires» apparait en dehors du div .entree

Étrange, non?!

elle son flottante donc elle ne rentre pas dans le flux normal sauf sous IE qui est bugé


pour parfaire la largeur de tes div tu peux mettre dans le style entrée
width: auto;
margin-right: 205px;

(si tu veux modifier la largeur du site les blocs s’ajusteront tous seul)

Wow! Vous êtes de vrais génis

Plus qu'un seul minuscule de rien du tout problème: sans float, comment faire pour que les divs infosposts et commentaires soient cote a cote? Dans la FAQ, on parle d'utiliser float mais si ça le sort du flux, il doit exister une autre manière!

Bonjour GaB,

Tu peux mettre 2

<br />

dans le html, pour faire descendre la phrase de ta div .infopost

et tu rajoutes dans le css de .infopost et .commentaires

display: inline;

J'ai essayé mais il plaçait «commentaires» immédiatement après «Posté dans Divers», il respectait pas le width de infospost.

Finalement, après avoir lu qu'idéalement il ne fallait pas placer d'éléments cote-à-cote ou le moins possible, j'ai placé le «Posté dans Divers» au-haut, dans le div de la date.

Puisque c'est plus ou moins résolu, est-ce que je place résolu dans le sujet?

si tu mets

float: left;

à ta div .infospost
et

float: right;

à ta div .commentaires
ça marche
sans oublier tes 2

<br />

devant "Posté dans..."

pourquoi tu veux pas utiliser float ?

Edit: j'ai oublié de te dire d'enlever :

width: 100%;

à ta div .commentaires
Modifié par blue (27 Mar 2006 - 09:09)

Salut,

Tu peux choisir également l'option des marges négatives.

Tu places ton conteneur en position absolue à 50% de la page. Et tu lui donnes une marge gauche négative égale à la moitié de la largeur de ce conteneur.

#conteneur
{
width: 766px;
position: absolute;
left: 50%;
margin-left: -383px;
}

@++
Modifié par Tony_M (28 Mar 2006 - 14:31)