Div qui se chevauche + espace blanc

Bonjour,

étant un développeur PHP, j'ai décidé de faire mon premier site en CSS2, et c'est non sans mal !

Je suis arrivé à un résultat presque convainquant, mais il me reste 2 problèmes : ma div de contenu passe sous celle du menu et un espace est créé entre deux div sous IE (pas de problème sous ff)

Malgré les conseils de la FAQ, je n'ai rien trouvé.

Voici l'endroit où est visible l'interface : http://www.oudejeuner.com/working/

Merci d'avance pour votre aide !

Bonjour,

il y a un problème d'affichage sous Fx2: es-tu en train de travailler en parallèle sur la page? Tu as rajouté des bordures pour déboguer et du coup je ne sais pas si le titre est caché à cause de cela ou même sans cela?
outline est à préférer à border quand on débogue sous Fx mais ce n'est pas compatible avec IE6 (et IE7, de mémoire) donc ... Perso, j'y vais à coup de

background-color: bienflashy;

Modifié par Felipe (17 May 2008 - 11:18)

Merci pour ton aide, j'ai ajouté des background

Je ne trouve toujours pas de solution

Salut,

place l'image de ton header en display: block, tu élimineras l'espace blanc déjà

Pour le menu, essaye de ne pas le sortir du flux et inclus le dans ton bloc contenu ce sera peut être plus simple
Modifié par ghost (17 May 2008 - 19:15)

Merci à tous pour votre aide.

J'ai fais ce que vous m'avez conseillé : ça n'a malheureusement rien changé

Re,

Je crois que l'on ne c'est pas compris

#banner {
	width: 1000px;
	height: 141px;
}

#banner img{
display: block;
}

Au fait float: top; n'existe pas (tiens d'ailleurs c'est dommage )

Arf oui pour ton menu il faut biensur supprimer le positionnement en absolute

#MainMenu 
{
	height:33px;
	background: url("../images/bmid_038.gif");
	margin:0;
	border:0;
	width:753px;
	height:32px;

}

et placer un padding-top: 0; à content.

Et sans oublier un doctype qui tient la route voir
là

Autre solution un padding-top à content d'au moins la hauteur de ton menu (en gardant l'absolute du menu) si tu y as un avantage (menu déroulant?)
Modifié par ghost (18 May 2008 - 01:26)

ca marche niquel

J'aurais pu trouver, j'avais zappé que j'avais fais une feuille CSS à part pour le menu, du coup je trouvais pas...

Merci ghost.

Comme je n'aime pas comprendre ce que j'ai fais, à quoi sert exactement le block ? Je ne comprends pas bien les explications sur le web.

Salut shadeoner ,

shadeoner a écrit :
Comme je n'aime pas comprendre ce que j'ai fais, à quoi sert exactement le block ?

Bon ben puisque tu n'aimes pas comprendre ce que tu fais, tu ferais mieux de ne pas aller voir ce point de la FAQ !

A vrai dire j'avais lu ça mais j'avais pas compris

Quand il dit de le considérer comme un block à part entière, quelles en sont les conséquences ? Pourquoi ?

shadeoner a écrit :
Quand il dit de le considérer comme un block à part entière, quelles en sont les conséquences ? Pourquoi ?

Ben en général on met display: block à un élément qui a un rendu par défaut 'en-ligne' (voir le tuto le rendu CSS des balises : bloc et en-ligne) soit pour qu'il se positionne en dessous d'un élément précédent (comme un <p>aragraphe) soit pour pouvoir lui donner des dimensions (height et width) mais dans le cas de <img> il s'agit d'une particularité de IE6 (un bug ?) et il n'y a pas grand chose à comprendre...