Decalage sous FF mais pas sous IE

Yop tout le monde !

J'ai un petit problème en css :

http://leskimo.free.fr/leskimo/

Y a un décalage qui ne devrait pas exister entre le conteneur et le menu

Quelqu'un aurait une solution ?

Bonjour et bienvenue sur Alsacréations,

A vue de nez, définir les marges des divers éléments html (concrétement margin-top à 0 du premier paragraphe de "conteneur" si cet élement est destiné à demeurer à cette place).

Plus complet: ne pas se soucier de "débugguer" une mise en écran avec un faux contenu, des éléments vides, sur une structure html non représentative de la page définitive et une feuille de style minimaliste

C'est prématuré.
Modifié par Igor (17 May 2008 - 21:29)

Ok, je vais continuer et me chargerais de debuguer après.

même avec un margin-top a 0 ca ne marche pas, je crois qu'on m'avait conseillé d'utiliser clear:both;
mais c'étais plus pour pour les float.

Je vais continuer et je verrais après, Merci !

Salut,

+1 sinon essaye un margin-top: 0px; à ta class cont

Finalement je me suis débrouillé autrement et le bug est partit mais là c'est encore un bug sous FF et pas ie : le fond du conteneur ne s'affiche plus

Mais sous IE ca passe bien.

Si quelqu'un a une solution :s

Bonsoir,

#conteneur n'a comme fils que #texte et ce dernier est flottant. Comme pour tout flottant, cette boîte est retirée du flux normal et #conteneur n'a plus de contenu sur quoi (sous quoi ...) placer un fond.

Deux solutions:
- enlever float: right; et préférer jouer sur les marges
- placer un

<div class="spacer"></div>

après #texte mais avant la fin de #conteneur. Après #conteneur ça ne sert plus à rien pour ce qui le concerne ...

EDIT: http://openweb.eu.org/articles/initiation_float/
Modifié par Felipe (17 May 2008 - 23:14)

J'ai utilisé la deuxième solution et ca marche au top =)

Merci beaucoup !