[RESOLU] Problème navigateur

Bonsoir,

Je suis un webmaster amateur et cela depuis une dizaine d'années. De ce fait, j'ai pris de très mauvaises habitudes en créant mes sites avec dreamweaver sans beaucoup regarder le code ou alors en le bidouillant sans jamais l'apprendre.
J'ai donc pris la résolution d'acheter un livre (qui apparemment est écrit par l'auteur de ce site), félicitations en passant, pour tout recommencer dans les bonnes habitudes. Voilà pour la petite introduction

Je suis donc sur le site (http://www.astrath.ch/astrath/fr/accueil.htm) de mon groupe et je rencontre un problème. Sur google chrome et safari, tout va bien. Mais dès que je passe à firefox, la décoration de fond de droite disparaît et je ne vois pas trop le problème (je suis sur que le problème tient en une ligne mais j'ai dû tout essayer sauf la chose qui me permettrai de résoudre mon problème).

Voilà, voilà. Si vous avez une idée, je vous remercie d'avance!

Sincères salutations chers collègues
Bonne soirée!
Modifié par asteria (12 Apr 2010 - 20:37)

Hello,
Ton DIV #droite se trouve dans le div #contenu .. peut-être est-il mal placé pour être correctement affiché par Firefox ?

hmmm... J'ai essayé de par exemple mettre le <div> droite et gauche et dans le contenu et avant mais le résultat est encore pire qu'avant, cela sur tous les navigateurs...

Dans le css, j'ai aussi essayé de changer quelques trucs, comme la longueur du contenu, mais rien n'y fait:

#droite {
	display: table-cell;
	height: 100%;
	overflow: auto;
	background: #fff url(img/decodroite.jpg) repeat-y;
	width: 30px;
	float: right;
}

#gauche {
	background: #fff url(img/gauchedeco.jpg) repeat-y;
	width: 30px;
	display: table-cell;
	height: 100%;
}

Personne n'a d'idées à mon problème ?

Salut,

je suis pas un pro de l'intégration.

mais avec firebug j'ai trouvé une piste : ton div droit n'a pas de hauteur.

ton height:100% doit faire 100% de rien du tout.

en mettant une hauteur fixe quelque chose apparait sous firefox. testé avec firebug.

ensuite comment faut-il faire pour que ça descende jusqu'en bas?

je maîtrise pas. regarde les tutoriels de ce site.

bonne chance

Pascal
Modifié par CPascal (11 Apr 2010 - 22:15)

Merci Pascal pour la réponse!
Le problème est sûrement là, ta solution est juste mais elle ne règle pas mon problème
Si je met une hauteur, tout le but de cette intérface s'effondrera car le but est justement de faire en sorte que les deux colonnes descendent jusqu'en bas. Je laisse donc tomber l'histoire de fixer une hauteur.

Après, j'ai déjà suivi un tutoriel pour que les deux colonnes descendent jusqu'en bas. Cela semble marcher sur d'autres navigateurs à part là-dessus et sur internet explorer. De plus, même sur ces deux navigateurs, la colonne de gauche descend automatiquement jusqu'en bas. Donc le height: 100% de la colonne de gauche est un 100% de quelque chose si ça marche, théoriquement ce devrait être de la même chose pour la colonne de droite non?

Bref, je suis en train de m'arracher les cheveux mais je compte bien résoudre ce problème. Avez-vous peut-être connaissance d'éléments css acceptés par chrome et safari mais non pas firefox? Ce serait là la solution à mon problème non?

Bon bon bon, j'ai trouvé une solution, je devais réfléchir autrement

J'ai tout simplement viré le #droite et j'ai mis le fond de celui-ci sur le #contenu en "right repeat-y".

Merci pour votre attention!
A bientôt mesdames, messieurs!