28220 sujets

CSS et mise en forme, CSS3

[Resolu mais po compris] Div : Affichage dans FF, pas IE

Hello,

J'ai pas pour habitude de venir chercher des conseils directs (je cherche généralement jusqu'à plus soif), mais là, je pige vraiment pas. J'ai vidé le cache, j'ai fait semblant de me cacher les yeux pour voir si ça revenait, me retourner super vite, non, rien n'y fait, IE n'affiche pas ma div, alors que FF, oui.

Alors, voilà le code :
<div id="centre-droit-bg">
	<h2>Accès direct à nos produits</h2>
	<dl>
	<dt>Nos abris piscine</dt>
	<dd><a href="http://com/Abridiscount/abri-piscine/palma-haut">Le Palma Haut</a></dd>
	<dd><a href="http://com/Abridiscount/abri-piscine/palma-bas">Le Palma Bas</a></dd>
	<dt>Nos accessoires</dt>
	<dd><a href="http://com/Abridiscount/produits-piscine/produit">La canne à pêche</a></dd>
	<dd><a href="http://com/Abridiscount/produits-piscine/produit2">Le plongeoir</a></dd>
	</dl>
</div>

#centre-droit-bg {border: 1px black solid; background: #F2F7F7; position: absolute; width: 310px; min-height: 219px; height: auto;
	padding: 10px 20px 10px 10px; top: 299px; right: 65px;}


Il se peut qu'une évidence vous saute aux yeux, moi, je l'ai trop vu ce code, j'en ai marre. Pliiiiiiiiiiiiiizzzzzzzzzzzz...

Edit : pour le min-height, je le commande en js pour IE, ça marceh nickel (mouais...) partout ailleurs.
Modifié par kuvett (13 May 2005 - 15:45)
Administrateur
Salut,

Tu es sûr qu'il ne s'agit pas d'un problème de caractère spécial sur le nom de ton id #centre-droit-bg ?
salut.

comme le dit Raphaël, je pense que c'est un problème de nom d'id.

en effet, il est déconseillé d'utilisé des tirets dans les noms d'id (même que c'est Jeffrey Zeldman qui le dit dans son livre), ça peut créer des problèmes.

ré-essaye en nommant ton id "centreDroitBg", par exemple...
Merci pour le conseil sur le noms, j'avais zappé ça.

Malheureusement, ce n'est pas ça. Lorsque je coordonne les 2 noms corrigés, rien de nouveau sous IE. Et lorsque je désactive l'élément de style, mon div réapparait. Ya manifestement un pb de position. Seulement, je n'arrive pas à déceler ce qui ferait qu'elle s'affiche correctement (et logiquement) sous FF, et pas sous IE.
J'ai isolé la div qui empêche de tourner en rond
<div id="centreDroitBg">
	<h2>Accès direct à nos produits</h2>
	<dl>
	<dt>Nos abris piscine</dt>
	<dd><a href="http://com/Abridiscount/abri-piscine/palma-haut">Le Palma Haut</a></dd>
	<dd><a href="http://com/Abridiscount/abri-piscine/palma-bas">Le Palma Bas</a></dd>
	<dt>Nos accessoires</dt>
	<dd><a href="http://com/Abridiscount/produits-piscine/produit">La canne à pêche</a></dd>
	<dd><a href="http://com/Abridiscount/produits-piscine/produit2">Le plongeoir</a></dd>
	</dl>
</div>

<div id="pied2">
	<?php include "http://com/Abridiscount/menubas.inc"; ?>
</div>

#pied1 {height: 15px; background: url(img/barrebas.gif) no-repeat; width: 800px; margin: 0 0 0 -9px;}

#pied2 {width: 99.2%; background: #F2F7F7; float: left; list-style-type: none; margin: 0; padding: 4px;
	height: auto;} *html #pied2 {width: 99%; padding: 5px;}
#pied2 ul {text-align: center; margin: 0 0 0 -40px;} *html #pied2 ul {margin: 0 0 0 -20px;}
#pied2 li {display: inline; margin: 10px 0; color: #8C6460;}
#pied2 a {font-size: 90%;}
#pied2 .ul-bas li {color: #B9A6A5; font-size: 90%;}
#pied2 .ul-bas a {color: #B9A6A5;}
#pied2 .ul-bas a:hover {text-decoration: none; color: #8C6460;}

Et le problème venait du float:left; ... lapin compris... je pige pas le délire, mais bon, voila quoi. Si quelqu'un m'explique, je mets résolu.
Sujet clos
Aller à