A voir également:
- Css - décalage sous IE
- Ie tab - Télécharger - Outils pour navigateurs
- Ie 11 - Télécharger - Navigateurs
- Google payment ie dublin ✓ - Forum Vos droits sur internet
- Décalage son image tv orange fibre ✓ - Forum Cinéma / Télé
- Google payment ie ltd dublin c'est quoi - Forum Consommation & Internet
2 réponses
Je crois que la solution est de tout codé en em et non en px. C'est une histoire de taille absolue et relative. Je ne pourrais pas t'en dire beaucoup plus...
Je te conseille ce site : https://openweb.eu.org/articles/compatibilite_taille_polices
Il est vraiment très bien construit et il te fait réfléchir à la manière dont tu codes ton site (accessibilité, compatibilité entre les navigateurs....).
Bon courage pour ta mise en page !
Je te conseille ce site : https://openweb.eu.org/articles/compatibilite_taille_polices
Il est vraiment très bien construit et il te fait réfléchir à la manière dont tu codes ton site (accessibilité, compatibilité entre les navigateurs....).
Bon courage pour ta mise en page !
Bonjour,
Non je ne crois pas qu'il y ai besoin de tout coder en em, car avant cela marché en px avec ce code que j'ai du remplasser :
J'avais ça comme css au départ et le pb n'y été pas !
J'ai fait faire ces css en payant, je ne suis pas assez calez. J'ai vraiment besoin d'aide svp, j'ai beau chercher sur google, etc, mais je n'y arrive pas, cela fait plusieurs jours que je suis deçue, je suis entrain de péter une pile, lol !
Non je ne crois pas qu'il y ai besoin de tout coder en em, car avant cela marché en px avec ce code que j'ai du remplasser :
J'avais ça comme css au départ et le pb n'y été pas !
@charset "utf-8"; body { font-family: Arial, Tahoma; width: 1063px; /* total size */ margin-left: auto; margin-right: auto; background-image: url(images/global/background.png); background-repeat: repeat-x; background-color: #f5bcd4; } #header0 { background-image: url(images/global/header0-top.png); width: 899px; height: 229px; } #header0 p { display: block; margin: 0; padding-top: 185px; padding-right: 80px; text-align: right; } #header0 a { color: white; font-size: 13px; text-decoration: none; padding-left: 82px; } #header1-stats { background-image: url(images/global/header1-stats.png); width: 899px; height: 70px; } #header1-stats p { width: 140px; display: block; float: left; color: white; font-size: 13px; margin-top: 0; margin-left: 80px; padding-top: 26px; } .header2-bar { background-image: url(images/global/header2-bar.png); width: 899px; height: 30px; } .separate { background-image: url(images/separate.png); width: 142px; height: 6px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; } IMG.imgcenter { display: block; margin-left: auto; margin-right: auto; border: none; } form {width: 152px; /*-20px*/ padding: 10px; } form label { font-size: 12px; } form input.input { background-color: #ae6e80; border: 1px solid black; } ul { padding-left: 0; margin-left: 0; list-style: none; } ul li a { font-size: 12px; color: #666666; } ul li a:hover { text-decoration: none; } .ulalign-left { margin-left: 20px; } .ulalign-center { width: 100%; margin-left: 0; } .ulalign-center li { text-align: center; width: 100%; margin-left: auto; margin-right: auto; } #TABLE2 { width: 832px; margin-left: auto; margin-right: auto; } #TDLEFT { vertical-align: top; width: 172px; background-image: url(images/global/menu-bkg.png); } #TDRIGHT { vertical-align: top; width: 660px; background-image: url(images/global/content-bkg.png); } #footer { background-image: url(images/global/footer.png); width: 899px; height: 43px; margin-top: 20px; } #footer p { color: white; font-size: 13px; text-align: center; margin: 0; padding-top: 5px; } #footer a { color: white; font-size: 13px; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer-pub { display: block; text-align: center; margin-top: 20px; } .BOX-bkgRight { background-image: url(images/content-bkgRight.png); background-repeat: repeat-y; width: 622px; /*-20px*/ margin-left: auto; margin-right: auto; } .BOX-btmRight { background-image: url(images/content-btmRight.png); width: 642px; height: 28px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .BOX-bkgLeft { background-image: url(images/content-bkgLeft.png); background-repeat: repeat-y; width: 622px; /*-20px*/ margin-left: auto; margin-right: auto; } .BOX-btmLeft { background-image: url(images/content-btmLeft.png); width: 642px; height: 28px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .BOX-text { padding: 10px; } .BOX-text p { margin: 0; padding: 0; } /* specials styles */ #lesnews { background-image: url(../static/images/content-lesnews.png); width: 642px; height: 70px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } #lesnews p { color: white; font-size: 13px; font-weight: bold; margin: 0; padding-top: 25px; padding-left: 120px; } #pub-top { margin-top: 400px; background-image: url(images/global/pub-top.png); width: 164px; height: 44px; } #pub-bkg { background-image: url(images/global/pub-bkg.png); background-repeat: repeat-y; width: 164px; text-align: center; padding-top: 10px; } #pub-btm { background-image: url(images/global/pub-btm.png); width: 164px; height: 20px; }
J'ai fait faire ces css en payant, je ne suis pas assez calez. J'ai vraiment besoin d'aide svp, j'ai beau chercher sur google, etc, mais je n'y arrive pas, cela fait plusieurs jours que je suis deçue, je suis entrain de péter une pile, lol !