Probleme de div en css :/

[wacha]

Bonjour,

j'ai un petit soucis avec mon site pour ne pas dire un gros ...

Voila j'ai un bug d'affichage qui apparait bien 1 fois sur 10 sur ma page d'index et qui me donne quelque chose comme ca :

tout le partie de droite s'affiche en dessous de la partie de gauche ...

voila le probleme est sous firefox 2.0.0.14

si quelqu'un a une solution je ne le remercierai jamais assez car je ne trouve vraiment pas !!

Ah oui ... le site est : www.manga-occasion.com

Merci beaucoup

Ps : petite question subsidiaire, j'ai un petit soucis d'affichage d'onglet sous ie6 qui ne collent pas au cadre... et évidemment il est sans solution pour le moment aussi

merci beaucoup²

[lorem_ipsum]

Salut

C'est marrant, avec opéra, safari, ie6 et 7 pas de bug, ensuite sous firefox bug, mais dès que je veux regarder ton code avec webdev tout rentre dans l'ordre.

On dirait qu'il te manque une fin de div quelque part, du moins quelque chose qui n'est pas fermé et qui doit chatouiller firefox.

dmg que tu ne commentes pas tes fins de div

[wacha]

Le probleme est que le site n'a pas été developpé par moi, mais par une boite et j'ai repris le site avec les bugs ... donc j'essaie d'arranger ca mais comme tu le vois c'est pas facile :/

[Dan]

Un petit coup de validateur donne quelques erreurs ...

http://validator.w3.org/check?uri=http%3A%...p;ss=1#line-381

Par exemple, à cette ligne où tu n'imbriques pas correctement tes balises <a> et <h1>

<a href="detail_serie.php?id_serie=22"><h1>Titre : Kenshin</a> </h1>

TU devrais t'y coller, parce que 106 erreurs, ça fait beaucoup.

[ghost]

Salut,

+1 essayes tout d'abord de valider ton code

Failed validation, 104 Errors et ta css

Tu y verras surement plus clair après !

[buh]

Bonsoir

Essaye voir dans ton fichier chartre.ccs et cherche le code suivant :

#contenu {
		   color:#666666;
 --->display:table;
		   font-family:Arial,Helvetica,sans-serif;
		   padding-bottom:30px;
		   position:relative;
		   width:978px;
		   }

puis supprime la ligne display:table

plus que 45 erreurs ça devient bon.

[wacha]

Ouf je viens de finir tout ca,

il me reste juste une erreur sur une image png ou j'utilise onload pour la faire transparente sous ie et une autre erreur sur le css pour l'opacitée.

Voila j'espere que ca sera plus facile pour vous de voir pourquoi j'ai ce probleme de décalage maintenant

Merci

[wacha]

Désolé buh j'avais pas refresh la page avant de poster.

J'ai fais ce que tu m'as dit et pour le moment .... pas de bug

Bon comme le bug n'est pas récurent j'espere qu'il ne va pas frapper une nouvelle fois tout d'un coup

je te remercie beaucoup !

Bon il me reste que le petit probleme du décalage verticale des onglets sous ie6 ... une derniere petite idée ?

[PotatoesJunky]

Ca doit pouvoir se régler dans les CSS, en utilisant la balise !important, ignorée par tous les navigateurs sauf IE.

Ca te permet donc de spécifier des valeurs différntes pour IE et le reste.

Exemple totalement abstrait :

padding : 10px 2px 30px 12px !important; (sera ignoré par IE)

padding : 40 px 2px 30px 12px; (sera lu par tous les navigateurs, mais !important étant prédominant pour FF, Opéra, etc... Ils n'en tiendront pas compte)

Modifié 8 Juin 2008 par PotatoesJunky

[wacha]

hello,

Merci pour la réponse mais le truc est que je n'arrive meme pas a changer la position de ces onglets ...

Sinon merci pour l'astuce !important je connaissais pas !

[buh]

salut

Peux-tu afficher le contenu du fichier lte_ie6_corrections.css

[wacha]

oui le voici :

#annonce
{
	margin-left:2px;
	margin-bottom:15px;
	float:left;
	width:448px;
	background-image:url(../images/charte/bot-annonce.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:12px;
}

#conteneur_fiche #entete_fiche h1
{
padding:0px 0px 0px 20px;
vertical-align:bottom;
}

#conteneur_fiche
{
	width:770px;
	padding-bottom:26px;
	background:url(../images/charte/bg-boite-grde.jpg) left bottom no-repeat;
}

#description_annonce, #autre_annonce_serie ,#autre_annonce{
margin-left:2px;
}
#annonce_photos
{
	margin-left:30px;
}
#annonce_details
{
	margin-right:30px;
}

#annonce_photos .big_image
{
	float:left;
	margin:2px 5px 10px 4px;
}

#autre_annonce_serie .encart
{
	margin-left:16px;
}
#autre_annonce .encart
{
	margin-left:16px;
}
.bleuvierge #entete
{
	padding:7px 0px 0px 0px;
}
.ie_entete{
padding-left:23px;
}

[buh]

Pour voir essaye d'ajouter cette ligne dans le code ce même fichier lte_ie6_corrections.css

#menu a {padding:0px;}

[wacha]

buh ....

MERCIIIIIIIIIIIIIII

tu es mon sauveur tu m'as reglé deux problemes sur lesquelles je me prenais la tete depuis quelques temps déja !!!

MERCI !!!!!!!!!!!