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 :

Réalisation d'un design se basant sur un layout spécifique en css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Inscrit en
    Mars 2006
    Messages
    121
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 121
    Par défaut Réalisation d'un design se basant sur un layout spécifique en css
    Bonjour.

    Je dois faire un design d'une page html, et j'aimerais réaliser un layout spécifique :

    • Un entête de la page
    • Un pied de la page
    • Le contenu de la page est divisé en 2 partie, gauche et droite, chacune prend 50% de la largeur totale de
    la page.

    Le fichier image en attachement illustre ce besoin.

    Je veux faire ce design rien qu'avec des div. donc pas de table html.

    Comment le faire ?
    Images attachées Images attachées  

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Salut,

    As-tu été faire un tour dans les cours CSS ? (surtout ici)
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Membre très actif
    Inscrit en
    Mars 2006
    Messages
    121
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 121
    Par défaut
    J'ai déjà lu cet article.

    Le problème avec cette solution est que la hauteur du div représentant le contenu est explicite.

    Ce qui me pose problème est le pied de la page. Est ce qu'on peut faire en sorte qu'il occupe le bas de la page rien qu'avec du css, et sans être obliger de renseigner explictement la hauteur du div du contenu ?

    Ce que je veux c'est un design, dans lequel je donne la hauteur de l'entete et du pied de la page, de telle façon que le div du contenu occupe l'espace entre les deux, sans être obligé de lui donner lui aussi une hauteur définie.

  4. #4
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Oui, c'est faisable.
    Je te conseille de regarder le code source de cet exemple (site 100% hauteur) et de le modifier à ta guise
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  5. #5
    Membre très actif
    Inscrit en
    Mars 2006
    Messages
    121
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 121
    Par défaut
    C'est exactement ce qu'il me faut !

    Merci beaucoup pour ton aide .

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

Discussions similaires

  1. Application se basant sur les cartes et les démarches
    Par condor_01 dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 12/02/2007, 21h23
  2. [HTML] Réalisation d'un design, bloqué
    Par goldenboy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 05/01/2007, 16h48
  3. Application Web se basant sur Skype
    Par fadex dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 12/12/2006, 15h26
  4. Réponses: 8
    Dernier message: 30/09/2006, 05h18

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