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 :

Largeur d'un div et affichage à l'écran


Sujet :

Dimensionnement en CSS

  1. #1
    Membre régulier
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mars 2009
    Messages
    156
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mars 2009
    Messages : 156
    Points : 97
    Points
    97
    Par défaut Largeur d'un div et affichage à l'écran
    Bonjour,

    Je calle sur un petit problème en CSS (et je ne vois pas trop comment formuler ça simplement pour que mon ami Google m'aide) : j'ai un élément dans ma page que je veux fixer à 730px... mais quand je réduis la largeur de la page, forcément, il ne s'affiche plus... comment faire pour qu'il reste là quoi qu'il arrive, et que je puisse scroller pour le voir, si j'ai trop réduit la largeur ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    table.md
    {
    	position:relative;
    	margin-top:3px;
    	margin-bottom:5px;
    	padding-left:2%;
    	width:730px;
    	font-size: 8pt;
    	border: 1px dotted grey;
    	background-color: #FFFFEE;
    }
    et voici le menu à gauche de ce div

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    #mn
     
    {
     
    height: 100%;
     
    width: 190px;
     
    background-color: #064377;
     
    background-image: none;
     
    background-repeat: repeat;
     
    background-attachment: scroll;
     
    background-position: 0% 0%;
     
    float: left;
     
    margin-right: 1%;
     
    }
    J'espère avoir été clair ! 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 : 38
    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
    Points : 3 747
    Points
    3 747
    Par défaut
    Bonjour,

    Ajoutes un min-width:730px; à ton conteneur global.
    Je ne réponds pas aux questions techniques par MP.

  3. #3
    Membre régulier
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mars 2009
    Messages
    156
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mars 2009
    Messages : 156
    Points : 97
    Points
    97
    Par défaut
    Citation Envoyé par Poulpynette Voir le message
    Faudrait aussi le bout de code HTML qui va avec le CSS ...

    Merci ^^
    Je travaille sur une application web qui génèrent des pages à partir de XML et XSL... donc je ne peux pas fournir de code HTML, désolé !

    Citation Envoyé par Macmillenium Voir le message
    Bonjour,

    Ajoutes un min-width:730px; à ton conteneur global.
    Merci ! J'ai réussit à m'en sortir grâce à toi ! A noter qu'il faut aussi utiliser max-width, d'après ce que j'ai lu...

  4. #4
    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 : 38
    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
    Points : 3 747
    Points
    3 747
    Par défaut
    Citation Envoyé par _jey_ Voir le message
    A noter qu'il faut aussi utiliser max-width, d'après ce que j'ai lu...
    Oui pour des raisons esthétiques et ergonomiques (qui ont un très grand rapport avec l'accessibilité visuelle)
    Je ne réponds pas aux questions techniques par MP.

  5. #5
    Membre averti Avatar de Poulpynette
    Femme Profil pro
    Développeur informatique
    Inscrit en
    Juin 2006
    Messages
    349
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 47
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2006
    Messages : 349
    Points : 391
    Points
    391
    Par défaut
    Ça marche aussi sous IE ?
    Il me semble qu'IE6 ne supporte pas les propriétés min et max-width.
    Développeuse
    Merci d'expliquer aux autres la solution si vous la trouvez, par respect pour ceux qui prennent le temps de tenter de vous aider !

  6. #6
    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 : 38
    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
    Points : 3 747
    Points
    3 747
    Par défaut
    Citation Envoyé par Poulpynette Voir le message
    Il me semble qu'IE6 ne supporte pas les propriétés min et max-width.
    Il reproduit le même comportement avec un simple width, à placer entre des commentaires conditionnelles.
    Je ne réponds pas aux questions techniques par MP.

  7. #7
    Membre régulier
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mars 2009
    Messages
    156
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mars 2009
    Messages : 156
    Points : 97
    Points
    97
    Par défaut
    Donc ssi je comprend bien, IE est, sur ce point, plus efficace que Firefox (moins de lignes à écrire pour le même résultat) ?

  8. #8
    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 : 38
    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
    Points : 3 747
    Points
    3 747
    Par défaut
    Citation Envoyé par _jey_ Voir le message
    Donc ssi je comprend bien, IE est, sur ce point, plus efficace que Firefox (moins de lignes à écrire pour le même résultat) ?
    Non.
    Un width n'est pas un min/max-width c'est complètement différent, il s'agit plutôt d'un bug IE6
    Je ne réponds pas aux questions techniques par MP.

  9. #9
    Membre régulier
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mars 2009
    Messages
    156
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mars 2009
    Messages : 156
    Points : 97
    Points
    97
    Par défaut
    Me voila rassuré

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

Discussions similaires

  1. contrôle hauteur et largeur div par rapport à l'écran
    Par cyrano_de_bergerac dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 23/02/2012, 11h35
  2. Largeur d'un tableau egal a la largeur de la div
    Par Okena dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 03/02/2006, 16h15
  3. affichage plein écran
    Par TERRIBLE dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 22/11/2005, 00h54
  4. affichage plein écran d'un formulaire
    Par le géologue dans le forum IHM
    Réponses: 6
    Dernier message: 17/10/2005, 10h29
  5. [casse-tete (pour moi)] recuperer la largeur d'un <div>
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 05/11/2004, 07h39

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