|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
OTP
Modérateur
Inscrit le: 16 Déc 2005
Messages: 9222
Localisation: En bas de l'éolienne...
|
 Posté le : Dim Jan 13, 2008 22:33 Sujet du message: Ecarts IE / Firefox |
|
|
Bonsoir,
J'ai deux soucis de différences entre IE7.0 et FF2.0.0.11 pour la future nouvelle version de mon 3W.
URL d'exemple :
-http://www.thewindpower.net/twp2/
Les écarts constatés :
- sous IE, le bas de page est foireux. Souci de CSS ??? Comment puis-je résoudre ça ?
- sous IE, les trois icônes en haut à gauche sont collées les unes aux autres alors que l'effet souhaité (petite séparation) est ok sous FF. Comment puis-je résoudre ça ?
Merci d'avance,
Michaël
Dernière édition par OTP le Mar Juil 29, 2008 20:32; édité 1 fois |
|
| |
|
 |
webmasterdemonsite
WRInaute impliqué
Inscrit le: 01 Sep 2007
Messages: 403
|
| Posté le : Lun Jan 14, 2008 0:29 Sujet du message: Ecarts IE / Firefox |
|
|
as tu tou bien codé les margin et padding de ton css
il me semble que pas defaut certain ajoute un petit margin et d'autre non
le plus simple serait de mettre tout un tas de margin (top bottom right left) meme si la valeur est 0
a voir si ca marche... |
|
| |
|
|
oli004
WRInaute accro
Inscrit le: 06 Jan 2005
Messages: 2017
Localisation: France, departement 03 (Allier)
|
| Posté le : Lun Jan 14, 2008 1:13 Sujet du message: Ecarts IE / Firefox |
|
|
Moi, j'en ai tellement mare des incompatibilités que sur le prochain site que je vais publier, j'ai décidé de mettre un lien informant que IE c'est cacaboudin et que le design du site respectant intégralement les standards du W3C , je suggère d'utiliser FF pour une présentation conforme au souhait de l'auteur.  |
|
| |
|
|
NxtGen
WRInaute passionné
Inscrit le: 24 Oct 2006
Messages: 597
|
| Posté le : Lun Jan 14, 2008 3:20 Sujet du message: Ecarts IE / Firefox |
|
|
| webmasterdemonsite a écrit: |
as tu tou bien codé les margin et padding de ton css
il me semble que pas defaut certain ajoute un petit margin et d'autre non
le plus simple serait de mettre tout un tas de margin (top bottom right left) meme si la valeur est 0
a voir si ca marche... |
la solution pour ca est de mettre en debut de feuille css un truc du genre :
| Code: |
* {
margin: 0;
padding: 0;
border: 0;
} |
Ainsi tu n'est plus embété par des marges la ou tu n'en veux pas. Et là ou tu en veux, tu en met ^^ |
|
| |
|
|
Dan_A
WRInaute occasionnel
Inscrit le: 21 Déc 2005
Messages: 155
|
| Posté le : Lun Jan 14, 2008 10:14 Sujet du message: Ecarts IE / Firefox |
|
|
En plus des incompatibilités dues aux margins et paddings ( http://www.search-this.com/2007/03/12/no-margin-for-error -
ajouter une marge et fixer vertical-align - par exemple margin:0;padding-bottom:5px;vertical-align:bottom; aux 3 images devrait régler le problème-) IE 7 essaie d'appliquer height. C'est le problème pour #footer1 où il suffit de retirer height. |
|
| |
|
|
OTP
Modérateur
Inscrit le: 16 Déc 2005
Messages: 9222
Localisation: En bas de l'éolienne...
|
| Posté le : Lun Jan 14, 2008 10:35 Sujet du message: Ecarts IE / Firefox |
|
|
Je vais regarder ça.
Merci à vous ; je vous tiens au courant. |
|
| |
|
|
cw-nico
WRInaute discret
Inscrit le: 14 Mar 2007
Messages: 67
|
| Posté le : Mer Fév 13, 2008 16:34 Sujet du message: Ecarts IE / Firefox |
|
|
moi pour des design compliqués je favorise plus l'unité "ems" (em) que le pixel (px), comme sa ...
enfin du moins pour l'instant, mes pages s'affichent presque sans décalage (même pas du tout), que ce soit ie, firefox ou safari ... 
vachement pratique ...  |
|
| |
|
|
Vap
WRInaute passionné
Inscrit le: 17 Juin 2007
Messages: 926
Localisation: Carry-le-Rouet (13)
|
| Posté le : Mer Fév 13, 2008 20:48 Sujet du message: Re: Ecarts IE / Firefox |
|
|
| Onthisplanet a écrit: |
Bonsoir,
J'ai deux soucis de différences entre IE7.0 et FF2.0.0.11 pour la future nouvelle version de mon 3W.
URL d'exemple :
-http://www.thewindpower.net/twp2/
Les écarts constatés :
- sous IE, le bas de page est foireux. Souci de CSS ??? Comment puis-je résoudre ça ?
|
Tu n'as rien mis pour la hauteur de body.
je te suggère de mettre
height: 100%;
| Onthisplanet a écrit: |
- sous IE, les trois icônes en haut à gauche sont collées les unes aux autres alors que l'effet souhaité (petite séparation) est ok sous FF. Comment puis-je résoudre ça ?
|
Tu utilise une mise en page par table, je ne peux pas t'aider. Je te conseille de remplacer ca par une div et 3 liens en display: block;
Avec ça tu pourra controller leurs marges au pixel près. |
|
| |
|
|
OTP
Modérateur
Inscrit le: 16 Déc 2005
Messages: 9222
Localisation: En bas de l'éolienne...
|
| Posté le : Mer Fév 13, 2008 22:51 Sujet du message: Ecarts IE / Firefox |
|
|
| J'ai résolu le pb, merci Vap ! |
|
| |
|
|
| |
|
|
