Différence entre firefox et IE

juliendan Messages postés 288 Statut Membre -  
juliendan Messages postés 288 Statut Membre -
Bonjour,

j'ai un problème avec une div que j'aimerais centrer sur ma page. Elle s'affiche centrée sur firefox mais pas sur IE.

Il faut mettre margin auto pour avoir la div centrer c bien ça?

En tt les cas j'ai vraiment du mal à avoir ce que je veux, même sur firefox c pas nickel centré. Quels attributs faut il mettre pour avoir un centrage parfait et qui suit le navigateur???

Merci d'avance...
A voir également:

16 réponses

juliendan Messages postés 288 Statut Membre 19
 
.. c bon, fallait jouer avec text indent pour décaler le texte!!!
1
Sandriine Messages postés 1400 Statut Membre 283
 
Bonjour.

Une petite technique pour qu'il y ait le moins de différences possibles entre ie et firefox :
Dans ton CSS, tu marque dès le départ :
*
{
margin:0;
padding:0;
}

Sa remet toute les marges a zéro.
0
juliendan Messages postés 288 Statut Membre 19
 
ouias, c aligné a gauche maintenant...
0
juliendan Messages postés 288 Statut Membre 19
 
... aligné a gauche dans firefox mais centré dans IE cette fois, bizarre!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
juliendan Messages postés 288 Statut Membre 19
 
en fait nan, aligné a gauche dans les 2...
0
juliendan Messages postés 288 Statut Membre 19
 
c bon on dirait, faut rester en margin auto...
0
Sandriine Messages postés 1400 Statut Membre 283
 
Oui le margin:auto permet de centrer un élément sur la page.
0
juliendan Messages postés 288 Statut Membre 19
 
... par contre maintenant j'ai une marge de 5 pixels environ tout autour de mon site. Comment le caler pour que ses bords soient à 0 du navigateur?
0
Sandriine Messages postés 1400 Statut Membre 283
 
Attention aux différentes résolutions : Même si tu l'affiche en plein écran sur ton ordinateur, le site peut s'afficher différemment en fonction de l'écran et de sa résolution.
0
juliendan Messages postés 288 Statut Membre 19
 
ah ouias, et donc pas moyen de savoir si c plein écran ou pas alors?
0
Sandriine Messages postés 1400 Statut Membre 283
 
Comme je te dis, ça dépend la résolution des écrans des internautes qui vont sur ton site, et de la façon dont tu as fais ton design.
Modifie la résolution de ton écran en 800x600 et regarde comment ça fait.
0
juliendan Messages postés 288 Statut Membre 19
 
ça fait pareil, y a tjs des bordures...
0
juliendan Messages postés 288 Statut Membre 19
 
autre chose :-)), comment décaler du texte dans une div pour pas qu'il soit trop près du bord???
0
Sandriine Messages postés 1400 Statut Membre 283
 
Tu dois mettre un padding dans ta div concernée. Le padding est une marge interne.
Essaye padding:5px; ou padding:10px; cela devrait suffire.

Voici un petit rappel sur les marges avec un schéma explicatif : http://www.aidenet.com/css/css42.htm
0
juliendan Messages postés 288 Statut Membre 19
 
justement, le padding pose probleme, il ecarte ma cellule (dans laquelle il y a un background) et donc elle est plus grande que le reste de mon site du coup.

il faudrait que ça déplace juste le texte. Faut il recréer une div pour le texte par dessus celle ou y a mon background?
0
Sandriine Messages postés 1400 Statut Membre 283
 
Tu n'a pas mis le background en css ??

Montre moi le code CSS de ta div stp.
0
juliendan Messages postés 288 Statut Membre 19
 
voilà :

.onglet {
background-image: url(onglet.jpg);
margin: auto;
height: 30px;
width: 750px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
color: #FFFFFF;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 30px;
vertical-align: baseline;
padding-left: 0px;
background-repeat: no-repeat;
}
0