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 CSS (Box..)


Sujet :

CSS

Vue hybride

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

    Informations forums :
    Inscription : Mars 2006
    Messages : 71
    Par défaut Mise en Page CSS (Box..)
    Bonjour à tous !

    Ci-dessous le type de mise en page dont j'ai besoin pour mon site web.

    http://picasaweb.google.fr/FredoPics...49634542874754

    Le problème se situe au niveau des colonnes de gauche et de droite.

    Je n'arrive pas à faire en sorte que leur largeur soit variable, c'est à dire qu'elles comble les bords de l'écran ci celui-ci est plus large que "Page" + "Sidebar".

    De plus il faut que ce soit celles-ci qui disparaissent si l'utilisateur diminue la taille de sa fenêtre.

    Une idée de la possibilité de faire ca en CSS ?
    Une solution alternative ?

    (lorsque je met dans les colonnes gauche et droite
    width : auto;
    ca ne fait rien.)

    Merci d'avance

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    bonsoir,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #page { min-width:1024px; }
    .left { width:20%; float:left; background:red;  }
    .content { margin:0 20%; background:green;  }
    .right { width:20%; background:black; position:absolute; top:0; right:0; }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <div id="page">
    	<div class="left"></div>
    	<div class="content"></div>
    	<div class="right"></div>
    </div>

  3. #3
    Membre Expert
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Par défaut
    Salut,

    C'est pas courant comme demande ...

    Effectivement comme ça je ne vois pas comment faire...

    Questions :
    1/ Que vont contenir les colonnes L et R ?
    2/ La zone centrale a une largeur fixe que tu connais, es-tu capable de "calculer" la largeur de L et R en % ?

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    71
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 71
    Par défaut
    En fait les colonnes ne vont pratiquement rien contenir, elles s'adressent aux utilisateurs disposant d'une grande résolution de ne pas avoir le site centré au milieu, donc elles contiendront des images en fond (de telle maniere qu'il n'y ait pas de barres de scroll si la fenetre est trop petite pour contenir les colonnes).

    Je connais la largeur de la zone centrale (990px), mais le pourcentage a gauche et a droite dépend de la résolution du visiteur.

    Pas facile de s'en sortir...

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par Fredovsky Voir le message
    Je connais la largeur de la zone centrale (990px), mais le pourcentage a gauche et a droite dépend de la résolution du visiteur.
    C'est clair que ce n'est pas du tout courant ...

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    71
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 71
    Par défaut
    Merci je vois l'idée, mais le problème c'est surtout pour leur largeur. Je leur attribue quoi pour qu'elles aillent jusqu'à tout à gauche (ou tout a droite) de l'écran ?

    J'imagine que si je met d'office une largeur trop grande (pour pallier à toutes les résolutions), je risque d'avoir une barre de scroll horizontale...?

    Merci encore,

    Fred.

  7. #7
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par Fredovsky Voir le message
    En fait les colonnes ne vont pratiquement rien contenir, elles s'adressent aux utilisateurs disposant d'une grande résolution de ne pas avoir le site centré au milieu, donc elles contiendront des images en fond (de telle maniere qu'il n'y ait pas de barres de scroll si la fenetre est trop petite pour contenir les colonnes).
    Comme elles vont rien contenir, pourquoi ne pas mettre tes images en background du body ... ? il n y aura pas de scroll tant que la taille de fenêtre est > 990px ...

Discussions similaires

  1. Mise en page CSS: menu élastique?
    Par glourby dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 09/10/2008, 17h14
  2. aide pour mise en page CSS
    Par vachefolle91 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 04/03/2008, 10h24
  3. [AJAX] Perte de mise en page css avec UpdatePanel
    Par mappy dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/01/2008, 20h53
  4. Mise en Page CSS
    Par rems033 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 28/11/2007, 12h34
  5. Réponses: 3
    Dernier message: 30/10/2007, 23h59

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