7 réponses
Salut, faut plus utiliser <center> mais plutôt les css : style="text-align: center;".
Ensuite, ça dépend si tu applique le style à un objet : ici ça centre le texte dans cet élément (le texte dans le <div> par exemple).
Si tu veux center le div, les styles sont "margin: 0 auto;".
C'est là que ça peut planter au niveau de IE.
Ensuite, ça dépend si tu applique le style à un objet : ici ça centre le texte dans cet élément (le texte dans le <div> par exemple).
Si tu veux center le div, les styles sont "margin: 0 auto;".
C'est là que ça peut planter au niveau de IE.
et oui,
mes pages sont toutes mises en page avec du css.
Une div #page qui englobe toutes les autres div
Voici le css de ma page index :
on vient bien dans #page, margin left et right en auto
edit : la je viens d'essayer en faisant margin left : 0 auto;
margin left: 0;
idem pour right mais sans aucun résultat....
mes pages sont toutes mises en page avec du css.
Une div #page qui englobe toutes les autres div
Voici le css de ma page index :
#page {
color: #999;
padding: 0px;
width: 900px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
text-align: center;
position: relative;
}
#imagecentre {
text-align: center;
}
#ecriture {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 125px;
}
#entrez {
text-align: center;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
#entrez img {
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
on vient bien dans #page, margin left et right en auto
edit : la je viens d'essayer en faisant margin left : 0 auto;
margin left: 0;
idem pour right mais sans aucun résultat....
faudrais optimiser tout ça :
pas la peine de définir 4 margins, si un seul peut suffir. Ensuite, le "position: relative" est vraiment indispensable ? Car ça peut venir de là…
voilà. Si par exemple, pour "padding:" tu met 1 valeur, ce sera la même pour les 4 cotés. Si tu en mets 2, le premier sera pour haut/bas et l'autre pour gauche/droite, ainsi :
sera pareil que :
tu vois ?
Si tu mets 3 valeurs, ce sera Haut - gauche/droite - bas
Si tu mets 4 valeurs, ce sera haut - droite - bas - gauche (dans le sens des aiguilles d'une montre). Ca racourcis le code.
pas la peine de définir 4 margins, si un seul peut suffir. Ensuite, le "position: relative" est vraiment indispensable ? Car ça peut venir de là…
#page {
color: #999;
padding: 0px;
width: 900px;
margin: 20px auto 5px;
text-align: center;
position: relative;
}
#imagecentre {
text-align: center;
}
#ecriture {
padding: 20px auto 20px 125px;
}
#entrez {
text-align: center;
margin: 10px 0;
padding: 20px auto;
}
#entrez img {
margin: 0px;
padding: 0px;
border: none;
}
voilà. Si par exemple, pour "padding:" tu met 1 valeur, ce sera la même pour les 4 cotés. Si tu en mets 2, le premier sera pour haut/bas et l'autre pour gauche/droite, ainsi :
padding: 5px 10px;
sera pareil que :
padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 5px;
tu vois ?
Si tu mets 3 valeurs, ce sera Haut - gauche/droite - bas
Si tu mets 4 valeurs, ce sera haut - droite - bas - gauche (dans le sens des aiguilles d'une montre). Ca racourcis le code.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
avec firefox tout est nikel,
y a meme des soucis avec des balises </br> et <p></p> avec IE les effets sont differents....
y a meme des soucis avec des balises </br> et <p></p> avec IE les effets sont differents....
