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 :

[CSS] Dimensions extèrieures par Body


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Jean_Benoit
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    499
    Détails du profil
    Informations personnelles :
    Âge : 71
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 499
    Par défaut [CSS] Dimensions extèrieures par Body
    Bonjour,

    J'essaie de réduire la taille de la page affichée comme ceci:
    body
    { width: 8cm; height 8cm; }
    Mais rien ne se passe, faudrait que je regarde dans quel tuto?

    Merci pour vos réponses

  2. #2
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    On utilise pas les cm en css.
    tu peu avoir un %, ou une longeur en em, en px ou en ex.

  3. #3
    Membre éclairé Avatar de Jean_Benoit
    Profil pro
    Inscrit en
    Juin 2004
    Messages
    499
    Détails du profil
    Informations personnelles :
    Âge : 71
    Localisation : France

    Informations forums :
    Inscription : Juin 2004
    Messages : 499
    Par défaut
    Tiens c'est bizarre sur mon installation en IE6 sur XP Home j'ai cette CSS:
    body
    {
    border-style: solid;
    border-width: 5px;
    margin-left: 1cm;
    }
    h2
    {
    border-style: solid;
    }
    h2.AvecMarge
    {
    border-style: solid;
    margin-top: 1cm;
    margin-right: 2cm;
    margin-left: 1cm;
    margin-bottom: 0cm;
    }
    p.AvecMarge
    {
    border-style: solid;
    }
    p.AvecMarge
    {
    border-style: solid;
    margin-top: 1cm;
    margin-right: 2cm;
    margin-left: 1cm;
    margin-bottom: 0.5cm;
    }
    Et ce .html:
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="css/test14.css" />
    </head>
    <body>
    <h2>Elément h2 encadré</h2>
    <h2>Elément h2 encadré</h2>
    <h2 class="AvecMarge">Elément h2 avec marge</h2>
    <h2 class="AvecMarge">Elément h2 avec marge</h2>
    <p>Ce paragraphe paraît normal à première vue, Inspecteur
    Ce paragraphe paraît normal à première vue, Inspecteur
    Ce paragraphe paraît normal à première vue, Inspecteur
    </p>
    <p class="AvecMarge">Ce paragraphe paraît avoir une marge, Watson
    Ce paragraphe paraît avoir une marge, Watson
    </p>
    <p class="AvecMarge">Ce paragraphe paraît avoir une marge, Watson
    Ce paragraphe paraît avoir une marge, Watson
    </p>
    </body>
    </html>
    Et le résultat est tout à fait satisfaisant.

    je dois avoir une option cochée quelque part dans IE6;

  4. #4
    Membre chevronné Avatar de masu
    Inscrit en
    Février 2004
    Messages
    428
    Détails du profil
    Informations forums :
    Inscription : Février 2004
    Messages : 428
    Par défaut
    ok autant pour moi le cm semble etre valide w3c
    par contre faut pas oublier les ":"
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    body { width: 8cm; height: 8cm; }

Discussions similaires

  1. [getElementById] Id reconnu par CSS mais pas par getElementById
    Par Hibou57 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 22/07/2007, 08h47
  2. tableau a plusieurs dimensions envoyé par xhr.send
    Par kapfab dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/03/2007, 16h24
  3. [CSS] Dimensions de liens
    Par Anduriel dans le forum Mise en page CSS
    Réponses: 17
    Dernier message: 29/04/2006, 14h11
  4. [CSS] Termes séparé par des pointillées
    Par adiGuba dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/04/2006, 14h35

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