Probleme avec IE
Fermé
Cro_mag
Messages postés
118
Date d'inscription
vendredi 16 octobre 2009
Statut
Membre
Dernière intervention
18 janvier 2010
-
18 nov. 2009 à 16:50
Cro_mag Messages postés 118 Date d'inscription vendredi 16 octobre 2009 Statut Membre Dernière intervention 18 janvier 2010 - 23 nov. 2009 à 18:31
Cro_mag Messages postés 118 Date d'inscription vendredi 16 octobre 2009 Statut Membre Dernière intervention 18 janvier 2010 - 23 nov. 2009 à 18:31
A voir également:
- Probleme avec IE
- Ie tab - Télécharger - Outils pour navigateurs
- Ie portable ✓ - Forum Windows XP
- Ie 11 - Télécharger - Navigateurs
- Ie 9 - Télécharger - Navigateurs
- Ie 10 - Télécharger - Navigateurs
7 réponses
le hollandais volant
Messages postés
4998
Date d'inscription
samedi 8 mars 2008
Statut
Membre
Dernière intervention
23 décembre 2023
1 056
19 nov. 2009 à 10:21
19 nov. 2009 à 10:21
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.
Cro_mag
Messages postés
118
Date d'inscription
vendredi 16 octobre 2009
Statut
Membre
Dernière intervention
18 janvier 2010
1
19 nov. 2009 à 13:59
19 nov. 2009 à 13:59
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....
le hollandais volant
Messages postés
4998
Date d'inscription
samedi 8 mars 2008
Statut
Membre
Dernière intervention
23 décembre 2023
1 056
20 nov. 2009 à 18:20
20 nov. 2009 à 18:20
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.
Cro_mag
Messages postés
118
Date d'inscription
vendredi 16 octobre 2009
Statut
Membre
Dernière intervention
18 janvier 2010
1
20 nov. 2009 à 18:43
20 nov. 2009 à 18:43
j'ai testé et malheureusement ca ne resoud pas le probleme......
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Cro_mag
Messages postés
118
Date d'inscription
vendredi 16 octobre 2009
Statut
Membre
Dernière intervention
18 janvier 2010
1
20 nov. 2009 à 18:55
20 nov. 2009 à 18:55
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....
le hollandais volant
Messages postés
4998
Date d'inscription
samedi 8 mars 2008
Statut
Membre
Dernière intervention
23 décembre 2023
1 056
20 nov. 2009 à 18:57
20 nov. 2009 à 18:57
même en retirant le "position:relative;" ?
Je vais tester ça et je te tiens au courant demain. (je trouverais comment centrer avec IE).
PS : les </br> sont des <br /> (une balise auto-fermante).
Je vais tester ça et je te tiens au courant demain. (je trouverais comment centrer avec IE).
PS : les </br> sont des <br /> (une balise auto-fermante).
Cro_mag
Messages postés
118
Date d'inscription
vendredi 16 octobre 2009
Statut
Membre
Dernière intervention
18 janvier 2010
1
23 nov. 2009 à 18:31
23 nov. 2009 à 18:31
Oui oui t'inquietes les </br> j'en mets qu'une seule !!
T'as vu ou ca bloquait ??
T'as vu ou ca bloquait ??
