Problème avec une div ? Je ne sais pas trouver le bug

Par Axel - Valkyri0s, il y a 12 ans


Les bases HTML/CSS

Mon problème est décrit dans les images. J'ai déjà demandé à un ami, il m'a dit que j'avais un problème avec une div mais je n'es pas sût trouver laquelle.
Pour votre information je suis un très jeune "développeur", je n'ai commencé qu'il y a 1 ou 2 mois
http://www.hostingpics.net/viewer.php?id=376794pb11.png
http://www.hostingpics.net/viewer.php?id=530407exemplesite.jpg

Merci de votre aide.

11 réponses

Vallyan, il y a 12 ans

Dans ton css pour ta div, tu peux ajouter:

overflow-y: hidden

Mais le mieux serait de trouver la raison de cette width trop importante.
Le code (ou mieux: une version en ligne) serait nécessaire.

Axel - Valkyri0s, il y a 12 ans

Désolé, je développe en local ce n'est qu'une simple page.

Explication : J'ai toutes les images (backgroud, bannière etc..) qui s’arrête quand il faut mais j'ai une sidebare latérale qui amène sur un bout vide de la page

Axel - Valkyri0s, il y a 12 ans

Tu aurai besoin de quoi ? la partie html ou css ? Je peux aussi t'envoyé le zip de la page

Vallyan, il y a 12 ans

Si c'est tes images qui posent pb, il va me les falloir. Le html tout seul serait insuffisant pour identifier quelle image provoque ceci
Tu peux effectivement me filer le zip c'est une bonne idée. Tu peux le mettre sur un drop box ou une plateforme d'échange de fichiers.

Axel - Valkyri0s, il y a 12 ans

Voici le lien dropbox

Axel - Valkyri0s, il y a 12 ans

Moi j'ai ce problème seulement sur mon ordinateur portable. Sur mon ordinateur fixe aucun problème, ça peut venir d'où à ton avis ?

Vallyan, il y a 12 ans

Franchement je vois pas ... essaye d'identifier quelle div / element du DOM pose probleme en ouvrant l'inspecteur et en cherchant lequel déborde comme ca sur la gauche.

Si tu ne sais pas faire:

  • Scroll tout a droite pour découvrir la zone blanche qui te gene
  • appuie sur F12
  • clique sur l'onglet "Elements" du panneau de l'inspecteur
  • Clique sur la loupe a gauche de l'onglet Elements, puis clique sur ta partie blanche
  • Alternativement tu peux parcourir chaque élément (div, articles ...) en les survolant avec ta souris depuis l'inspecteur. Ils sont alors mis en évidence dans ton rendu HTML (superposition bleue dessus)
  • identifie quel element entraine cette partie blanche (autrement dit: que survole-tu lorsque la parti blanche est recouverte du highlight bleu)

Tiens nous au jus !

Axel - Valkyri0s, il y a 12 ans

Merci de ton aide, je vois ça demain et je te dis.

Axel - Valkyri0s, il y a 12 ans

Je crois que j'ai trouvé c'est surement ma balise div " titre principale ". Après je fais quoi ?

Axel - Valkyri0s, il y a 12 ans

Merci de ton aide j'ai enfin trouver et régler le problème. Ça venait de mon logo en haut à droite. j'ai juste rajouter :

#logo1
{
width: 100%;
}

Encore merci de ton aide.