Problème d'affichage de menu et de border entre firefox et IE

Bonjour,

Sources : http://fabien.hubert.free.fr/
CSS : http://fabien.hubert.free.fr/css/menu.css

J'ai 2 problèmes sur mon site perso :

- la bordure du corps du texte se plante en plein milieu du corps sous Firefox alors que sous IE, c'est nickel ! On m'a dit que les 2 navigateurs ne géraient pas de la même façon les margin/padding et les height/width, mais comment faire pour que tout le monde affiche la même chose ?

- le menu s'affiche bien sous Firefox (c'est à dire collé à la bordure haute du corps) alors que IE le décale vers le haut. Donc même question que sur le point précédent !!

C'est le genre de question qui revient souvent mais je n'ai pa trouvé ma solution dans le forum

Merci pour les réponses !!
Modifié par DJesus (13 Dec 2007 - 17:58)

Salut Djesus ,

il faudrait commencer par mettre un DOCTYPE à ta page (un encodage serait également le bienvenu !)...

Bref, pour faire simple, jeter un oeil au squelettor et tout de suite après (re)lire Bases et indispensables.

A+

A part, ces erreurs de débutants, y'a t-il un problème plus grand qui met du sable dans mes rouages ??

A vrai dire ce ne sont pas des "petites erreurs" car sans DOCTYPE il est impossible de deviner comment chaque navigateur va interpréter le code...

Ensuite, et pour la même raison, il faut valider son code (ce qui ne sera possible que si l'encodage est précisé ). Par exemple en rajoutant :

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Il faudra essentiellement corriger les choses suivantes :

- tu ne peux pas mettre d'éléments ayant un rendu bloc (h1, div...) dans l'élément <p>

- un id est unique (contrairement à la class)

Ensuite pour résoudre le débordement de ton div #corps il suffira d'enlever le height:60px; de #text_corps.

A+

Edit: il est inutile de mettre autant de div. Il est tout à fait possible d'affecter une class ou un id à n'importe quel élément ...
Modifié par Heyoan (13 Dec 2007 - 20:17)

Bien le code est plus propre je pense !!

J'ai toujours un grand écart entre les 2 affichages, d'où cela provient (widht/height, margin/padding, autre chose) ?

Heyoan a écrit :
Ensuite pour résoudre le débordement de ton div #corps il suffira d'enlever le height:60px; de #text_corps.

Sinon, pourquoi ta div #tabsC est-elle en float:left et avec un width:100%; ? Et d'ailleurs, pourquoi ne pas styler directement la balise <ul> ?
Modifié par Heyoan (18 Dec 2007 - 17:51)