Version complète: sur le forum Webmaster Hub : Probleme de div en css :/
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
wacha
samedi 7 juin 2008 à 17:57
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 happy.gif

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 biggrin.gif

merci beaucoup²
lorem_ipsum
samedi 7 juin 2008 à 19:16
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 sick.gif b_thumbsdown_20.gif sick.gif
wacha
samedi 7 juin 2008 à 19:46
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
samedi 7 juin 2008 à 20:37
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. wink.gif
ghost
samedi 7 juin 2008 à 20:40
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
samedi 7 juin 2008 à 22:41
Bonsoir

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

CODE
#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
dimanche 8 juin 2008 à 00:37
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 biggrin.gif
wacha
dimanche 8 juin 2008 à 00:59
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 biggrin.gif

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

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
dimanche 8 juin 2008 à 14:55
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)
wacha
dimanche 8 juin 2008 à 17:38
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
lundi 9 juin 2008 à 07:07
salut

Peux-tu afficher le contenu du fichier lte_ie6_corrections.css
wacha
lundi 9 juin 2008 à 10:12
oui le voici :

CODE
#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
lundi 9 juin 2008 à 10:53
Pour voir essaye d'ajouter cette ligne dans le code ce même fichier lte_ie6_corrections.css

#menu a {padding:0px;}
wacha
lundi 9 juin 2008 à 14:18
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 !!!!!!!!!!!
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.