[Template] Bug sous FireFox

Bon et bien voila mon (petit ? ) probleme. J'ai crée un site dans lequel se trouve un container principal ayant a l'interieur deux autre container (suivant la technique utilisé sur Alsacreation ) afin que mon background s'etende correctement.

Hors le di background possède un image de fond et des bord solid qui n'apparaissent plus :desole: Serait il cachés part les deux autre containers ???

Enfin voici les liens vers le site ainsi que vers le css :) . Toutes les idées sont les bienvenues

hum, je ne suis qu'un humble débutant, mais ce ne serais pas les background des div intérieurs qui cacherait les bordures du div contenair ? Ce n'est qu'une supposition.

Et non malheursement car les containers interne n'on pas de background

mouarf, alors dans ce cas, je sais pas... il faut attendre un pro... Entre temps , tu peux t'amuser à virer un par un les styles, pour voir celui/ceux qui sont fautifs ^^

'lut

t'as essayer de mettre un margin-right et un margin-left de 1 px a tes bloc zone droite et gauche?

En réalité, le même problème se pose avec Netscape et Opera.
Pas étonnant car IE gobe presque n'importe quoi.
Dans un premier temps, je suggère que tu rendes ta page valide, mais ça ne règlera pas ton problème.

Codes invalides en XHTML

<link media="all" href="images/prt-css.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="fr">
<img src="images/image_01.jpeg" alt="header-top">
<br>

Codes valides

<link media="all" href="images/prt-css.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<img src="images/image_01.jpeg" alt="header-top" />
<br />

Il y a beaucoup de float inutile...
Assigne ton background à zone-gauche et zone-droite au lieu de l'assigner au conteneur-principal.
Tu auras aussi besoin d'un clear: both; dans le footer.

.zone-gauche {
	background: url(image_05.jpg) no-repeat #E1E1E1;
}

.zone-droite {
	background: url(image_05.jpg) no-repeat #E1E1E1;
}

#footer {
	clear: both;
}

Reste le problème des bordures à régler.

C'est un peu hasardeux de mixer des bordures sur les images avec des bordures sur les boîtes. J'aime bien cette technique de Dan Cederholm.

Faux Columns
http://www.alistapart.com/articles/fauxcolumns/
Modifié le 31 Oct 2004 - 09:01

Merci. Bon tout d'abord ma page est deja valide xHTML 1.0 Transitionnal (et oui il y a une iframe qui se balade dedans)

Ensuite si je n'ai pas mis mon background dans les containers de droite et de gauche c'est justement pour que mes bordures soient de la meme longeur , d'ou l'idée d'un container principal avec un background et des bordures left & right avec a l'interieur de ce dernier mes deux containers droite et gauche

Je vais regarder le site dont tu m'as mis l'url et voir si je trouve la solution a mon probleme (je ne suis malheuresement pas un pro en anglais mais je vais voir ce que ca donne )

Si vous avec d'autre idée de solution d'ici la n'hesitez pas ;)

Cpt Cavern a écrit :

Ensuite si je n'ai pas mis mon background dans les containers de droite et de gauche...

En réalité, l'idée de mettre le background dans les zones gauches et droite était plutôt une "patch". J'ai toujours pas compris pourquoi IE refuse d'afficher ton background.


<edit>
En réalité, l'idée de mettre le background dans les zones gauches et droite était plutôt une "patch". J'ai toujours pas compris pourquoi Firefox refuse d'afficher ton background.
</edit>
Modifié le 02 Nov 2004 - 23:40

C'est FireFox qui refuse et non pas IE (pour une fois)