28172 sujets

CSS et mise en forme, CSS3

[Résolu] Problème avec un menu sur IE

Bonjour,

J'ai un soucis avec mon site qui est OK sur firefox et chrome mais pas du tout sur internet explorer.

Le site : http://ouest-encadrement.com/

Sur IE, le menu est sur deux lignes, c'est horrible ! Mais voilà, je ne suis pas du tout spécialiste de IE et je n'arrive pas à résoudre ce problème, pouvez-vous m'aider s'il vous plait ?

Image sur Firefox : http://www.hostingpics.net/viewer.php?id=938213181.png
Image sur IE : http://www.hostingpics.net/viewer.php?id=672929922.png

Merci d'avance !
Modifié par camping44 (27 Jan 2014 - 20:19)
Salut,

Pour ce genre de "patch" j'utilise souvent des feuilles de styles dédiées pour IE6/7/8 & je corrige les pétouilles.

Dans ton cas je pense que tu dois rejouer avec les tailles des paddings pour faire en sorte que ça rentre dans ie.
Exemple : 
#nav > li{padding:10px 0 10px 8px!important;}

Je force souvent le code css pour être sur qu'il prenne le pas, des fois IE aime bien chipoter..
6l20 a écrit :
Bonsoir,

C'est moi, ou il manque un Doctype ?


Je ne sais pas ce que c'est, ça doit être pour ça ^^^^
camping44 a écrit :
Je ne sais pas ce que c'est, ça doit être pour ça ^^^^

Oui, il est fort possible que le problème puisse provenir d'un manque d'une déclaration doctype. En tout cas il faut commencer par là :
<!DOCTYPE html>
Résolu !

Cela venait du CSS

#nav > li {
padding: 10px 0px 10px 11px; (au lieu de 12 à la fin)

et

.search-bar {
on supprime margin-bottom:20px;

Et voilà !

Je suppose que ça créait une sorte de bug !

Pour ce qui est des doctypes, j'avoue être trop fatigué en ce moment pour chercher à comprendre... Smiley confused
OK, en fait il faut le mettre dans le header non ?

J'ai ceci sur un autre site : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">


Je peux copier-coller ça sur mon site sans doctype non ?


En tout cas j'ai deux choses à dire :

- merci pour votre aide rapide, j'ai posé deux questions et on m'a répondu très vite et très bien : c'est mille fois mieux que sur tous les autres forums que j'ai fréquenté

- ce site est vraiment bien fait !
Modifié par camping44 (28 Jan 2014 - 13:14)
camping44 a écrit :
merci pour votre aide rapide, j'ai posé deux questions et on m'a répondu très vite et très bien : c'est mille fois mieux que sur tous les autres forums que j'ai fréquenté

Certes. Mais notez tout de même que si vous étiez aller voir les liens proposés plus haut vous n'auriez pas posé vos deux dernières questions :
camping44 a écrit :
OK, en fait il faut le mettre dans le header non ?

camping44 a écrit :
J'ai ceci sur un autre site : [...] Je peux copier-coller ça sur mon site sans doctype non ?

Même les "bons" forums ne dispensent pas de chercher un peu. Surtout quand la soluce est déjà donnée plus haut sous forme de lien à consulter...

Salutation
1 : j'avoue ne pas avoir tout compris des informations données via ces liens (je suis débutant)

2 : je n'ai pas encore eu les heures nécessaires à la compréhension de ces informations

Smiley cligne
Sujet clos
Aller à