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 background extensible


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2006
    Messages
    19
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2006
    Messages : 19
    Par défaut Problème background extensible
    Bonjour ,

    Je vous contacte car j'ai beau chercher sur le net je en trouve pas de réponses à mon problème.

    Ca me semble bizarre qu'on ne puisse réaliser ceci :
    Je veux 3 colonnes sur mon site :
    - La colonne du MILIEU a une taille fixe (ex : 500 px)
    - Les colonnes gauches et droites font toutes deux la même largeur, et occupent tout le reste de la largeur de la page. Leur largeur change donc suivant si on agrandi la largeur de la fenêtre du navigateur.

    Qu'en pensez-vous ? est-ce réalisable en CSS, sachant que ceci doit fonctionner sur tous les navigateurs ?

    Merci d'avance pour votre aide...

  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
    Cela est réalisable en (X)HTML & CSS, as-tu été faire un tour dans les cours CSS ?
    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 averti
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2006
    Messages
    19
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2006
    Messages : 19
    Par défaut
    Oui j'ai effectivement regardé dans les cours et également sur d'autres forums mais rien ne correspond à ma demande, aucune réponse n'a été apportée.

  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
    Citation Envoyé par mcdam Voir le message
    - Les colonnes gauches et droites font toutes deux la même largeur, et occupent tout le reste de la largeur de la page. Leur largeur change donc suivant si on agrandi la largeur de la fenêtre du navigateur.
    Sont-elles prévues pour avoir du contenu ou es-ce seulement les délimitations de du containeur afin d'aérer le tout ? (bref pas de contenu à l'intérieur, juste la pour permettre une adaptation en largeur du site en fonction de la résolution du client)

    Si tu m'as suivi...
    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 averti
    Profil pro
    Étudiant
    Inscrit en
    Novembre 2006
    Messages
    19
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Novembre 2006
    Messages : 19
    Par défaut
    Seul la DIV centrale est prévue pour avoir du contenu.
    Les div gauche et droite sont seulement là pour continuer le design de la div centrale.
    Donc la div de gauche doit être la continuité de la bordure droite de la div centrale et de même pour la div de droite qui doit être la continuité du design de la bordure de droite de la div centrale.

    J'espère avoir été clair à mon tour

  6. #6
    Membre chevronné Avatar de GihefBey
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    366
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 366
    Par défaut
    Bonjour,

    Si ce n'est que graphique, pourquoi ne pas se passer de ces colonnes et appliquer les côtés sous forme d'une image appliquée en arrière-plan au body ?
    Avec le bloc "du milieu" centré dessus ?

    Un peu de code et des images ne seraient pas de trop.

    -

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

Discussions similaires

  1. [Upload] Problème d'extension avec l'upload
    Par Neji44 dans le forum Langage
    Réponses: 4
    Dernier message: 16/01/2007, 09h44
  2. Problème d'extension VB
    Par power02sasuke dans le forum VBScript
    Réponses: 2
    Dernier message: 17/12/2006, 18h44
  3. [css] problème background-image
    Par gorgonite dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 27/05/2006, 19h53
  4. [css]Problème background sous firefox
    Par liliprog dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 29/03/2006, 15h02
  5. Problème Background et JTexteArea setOpaque()
    Par mrshoki dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 14/02/2006, 09h47

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