28173 sujets

CSS et mise en forme, CSS3

DIVs imbriquées s'affichant incorrectement avec FF,NN en XHTML strict

J'ai une page XHTML strict avec des DIVs imbriquées
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
...
<div id="leftBox">
   <div id="logo"></div>
   <div id="menu">
      <p>
      - Menu 1<br />
      - Menu 2<br />
      - Menu 3<br />
      </p>
   </div>
   <div id="bottomimage"></div>
</div>
...

Et j'ai défini la CSS suivante
#leftBox {
	position: absolute;
	display: block;
	left: 17px;
	top: 5px;
	width: 167px;
	margin: 0;
	padding: 0;
	z-index: 500;
}
#logo {
	background-image: url(../_images/logo.jpg);
	background-repeat: no-repeat;
	width: 167px;
	height: 72px;
}
#menu {
	position: relative;
	display: block;
	font-size: 0.7em;
	width: 167px;
	height: auto;
	margin: 0;
	padding: 0 6px 0 6px;
	background-image: url(../_images/menuBg.jpg);
	background-repeat: repeat-y;
}
#bottomimage {
	background-image: url(../_images/bottomImage.jpg);
	background-repeat: no-repeat;
	width: 167px;
	height: 171px;	
}

Si ma page est codée en HTML standard, tout s'affiche correctement sur les principaux navigateurs.

Or, ma page est codée en XHTML strict et j'ai un problème d'affichage sous Firefox 1.5 et NN 7.2. J'obtiens des espaces verticaux (non désirés) entre mes DIVs imbriquées. Tout s'affiche correctement sous IE.

Si quelqu'un a une solution ou une piste, c'est très volontiers, parce que là, j'ai bientôt tout essayé...

Merci pour votre soutien
Vis-à-vis de mon client, je suis navré de ne pouvoir (pour des raisons de confidentialité) vous donner l'URL de cette page.

Voici toutefois un aperçu des différences que j'obtiens (à gauche IE, à droite FF ou NN)

upload/5520-prob.gif

Merci
Si je supprime mon DIV id="menu" et que je mets du texte à la place avec des balises <p>, c'est étrange, mais ça fonctionne en adaptant simplement mon CSS en remplaçant #menu par #leftBox p.

Ce n'est toutefois pas ce que je recherche, mais si ça peut mettre quelqu'un sur la piste !!!

J'aurais vraiment besoin que ça fonctionne rapidement

Marc
C'est parfois en posant les questions que l'on trouve soi-même les réponses...
J'ai trouvée la solution exactement en même temps et j'ai découvert la réponse identique en voulant venir poster la réponse !!!

L'est pas belle la vie ?!

MERCI LENZA !
Sujet clos
Aller à