IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Problème de DIV


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    340
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 340
    Par défaut Problème de DIV
    Bonjour,
    Afin de m'initier à CSS, je veux réaliser un site basique sur ma passion, les feux d'artifice. Le site ne comportera que 4 pages, mais pour l'instant, je me concentre sur celle qui s'appelle "components".

    mon site
    ma feuille CSS


    J'essaye d'appliquer des styles CSS (grande première) sur mes div, et j'ai du mal.
    J'ai créé une classe schéma, une classe caption, une classe medias (pour contenir le schema et la caption).

    Ce que je veux, c'est avoir "sur la même ligne" mes 2 médias, centrés.

    Problème 1 : barre de menu

    Je n'ai implémenté pour l'instant que les pages Homepage et Components. Le problème que j'ai, c'est qu'en chargeant la page Components, cela décale toujours ma barre de menu de qq pixels, alors que ça n'a pas lieu avec les autres pages. Test effectué, en éliminant progressivement tout le contenu de la page, ce sont les images et les vidéos qui causent ce décalage.
    Pourquoi ? Comment y remédier?

    Problème 2 : positionnement des images / vidéos par rapport au texte

    En regardant la page Components, je pense que mon pb est évident. Le texte suivant les médias vient se coller à droite, et j'ai beau avoir essayé de mettre mes 2 div medias dans un autre div container, avec les propriétés qui vont bien, j'obtiens toujours le même résultat...
    Une idée ?

    Bien sûr, étant débutant, je suis ouvert à toute critique, d'autant que je veux que mon site soit validé XHTML, donc si vous repérez des mauvais usages ou si il y a une façon plus propre de faire ce que j'ai fait, merci de me le signaler.

    Merci d'avance pour votre aide.

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Pas bien sur d'avoir compris tes 2 problèmes, mais bon je m'y essaye :

    Pour le problème 1 tu vois un décalage de l'ensemble de ton contenu vers la gauche uniquement sur la page Components ? Ca viens du fait que le contenu de ta page dépasse la hauteur du navigateur et donc celui ci affiche la barre de défilement à droite, chose qu'il ne fait pas sur les autres pas, n'ayant pas de contenu assez long.

    Second souci : là j'ai plus de mal. Tu veux centrer tes images / vidéos par rapport au texte ? Alors il te suffit de rajouter une largeur précise à div.container.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    340
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 340
    Par défaut
    Pb1 : je suis effectivement arrivé à cette conclusion cet après midi. Bon, toutes mes pages auront pas mal de contenu, donc le problème ne sera plus visible, mais par curiosité, il y a une façon intelligente de corriger ce défaut ?

    Pb2 : j'ai finalement opté pour une table, ds laquelle j'insère mes 2 div médias, et je n'ai plus de pb.

    Merci pour ton aide.

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Pour le premier problème : si je me souviens bien IE affiche toujours l'ascenseur, alors que Firefox ne le fais pas. Pour remédier à cela on peut utiliser la propriété overflow-y avec la valeur scroll déclaré sur body.

    Pour ton second problème c'était quoi le souci alors ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [HTML] Problème avec DIV, impossible de mettre la hauteur à 100% !!
    Par keyser.greg dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 01/03/2007, 11h46
  2. problème de div au dessous d'un autre
    Par nixonne dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 11/05/2006, 07h20
  3. Problème centrage div
    Par finalfx dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 23/04/2006, 23h23
  4. Problèmes avec div id...
    Par Angeldu74 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 28/02/2006, 14h56
  5. [CSS] problème position div
    Par krfa1 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 18/05/2005, 17h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo