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 :

Mise en page xhtml/css : hauteur de colone.


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Février 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 2
    Par défaut Mise en page xhtml/css : hauteur de colone.
    Bonjour,
    Je suis en train de creer un forum pour mon site (en xhtml et css), je désire avoir une mise en page des messages a la Subsilver 2 de Phpbb : http://demo.phpbb3styles.net/viewtop...yle=10&f=2&t=8

    Afin d'être le plus respectueux des standards, je préfère ne pas utiliser de tableaux.

    Aprés plusieurs essaie, je suis arrivé a ceci : http://angelfr83.free.fr/test/
    (Le code est plutôt crade, mais j'ai pas eu le temps de nettoyer. Donc ne faites pas gaffe au doctype ou autres horreurs.)

    Et le problème c'est que la colonne de gauche ne va pas jusqu'en bas... j'ai trouvé plusieurs solutions sur le web, notamment avec l'utilisation d'image de fond, mais je préférerai un truc net et pas du bricolage, et malgré tout mes essais, je crois avoir atteint mes limites, je n'y arrive pas.

    Du coup je demande votre aide, si quelqu'un pouvais m'indiquer la voie, je lui en serrait plus que reconnaissant.

    Merci et a bientôt,

    François

  2. #2
    Membre Expert
    Avatar de supersnail
    Homme Profil pro
    Inscrit en
    Novembre 2006
    Messages
    1 719
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 1 719
    Par défaut
    Bonjour,

    Un petit conseil: utilise des div (qui ont tendance à prendre toute la place disponible )

    Ensuite,tu peux jouer avec les margin et les float

    Par contre,tes divs devront avoir à peu près cette structure:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    <div id="global">
    <div id="header">Code de l'header</div>
    <div id="contenu"> 
        <div id="gauche" style="float:left;width:200px"> 
             Menu de gauche
        </div>
        <div id="message" style="padding:200px;background-color:couleur_du_menu_de_gauche">
              <div id="vraimessage" style="background-color:background-du-message">
                    Le vrai message
               </div>
              <!-- Ce div sert à harmoniser la taille du message avec le div de gauche (pour éviter d'avoir le contenu plus petit que le div de gauche) -->
               <div style="clear:both"></div>
        </div>
    </div>
    L'astuce ici est de ne pas agrandir le div de gauche,mais de changer la couleur du div le plus grand

  3. #3
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Février 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2010
    Messages : 2
    Par défaut
    Merci pour la suggestion mais la , trop de div...
    Je crois que je vais trouver une autre méthode.

    Merci encore.

Discussions similaires

  1. Mise en page avec css
    Par jlb59 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 27/01/2008, 11h57
  2. aide pour la mise en forme XHTML/CSS !
    Par italiasky dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 06/01/2008, 17h09
  3. Mise en page rapide CSS
    Par Macabre dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 16/09/2007, 10h25
  4. Mise en page en css au lieu des tableaux
    Par 12monkeys dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 09/01/2007, 16h14
  5. Probleme d'insertion de page XHTML/CSS/PHP
    Par crocod dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 14/12/2005, 19h25

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