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 :

Le pixel de la Morkitu.


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre chevronné Avatar de rikemSen
    Homme Profil pro
    Analyste Développeur Web - Fizzup.com
    Inscrit en
    Décembre 2007
    Messages
    387
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Analyste Développeur Web - Fizzup.com
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Décembre 2007
    Messages : 387
    Par défaut Le pixel de la Morkitu.
    Bonjour, tout est dit dans le titre.

    Mes divs sont décalées sur FF direction droite et sur IE direction gauche. // UN \\ pixel!

    (visible ici)

    Quelqu'un pourrait-il m'aider s'il vous plaît?

    Code html : 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
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Arrh, le pixel!</title>
    </head>
     
     
     
     <style type="text/css">
    html{
      margin:0px;
      padding:0px;
    }
     
    body{
      margin:0px;
      padding:0px;
      background-color:#ffffff;
      background-image:url(./back_6.jpg);
      font-size:12px;
      background-position:top center;
      font-family:Arial,Helvetica,sans-serif;
      color:#ff33ff;
      text-align:center;
      background-repeat:repeat-y;
    }
     
    #content-parent{
      width:1000px;
      background-color:transparent;
      margin:auto;
      text-align:center;
    }
     
    #content-child{
      width:944px;
      margin:auto;
      background-color:transparent;
      text-align:left;
    }
     
    #head-hight{
      width:944px;
      height:70px;
      background-color:white;
    }
     
    #head-low{
      width:944px;
      height:auto;
      background-color:transparent;
      
    }
     
    #page{
      margin-top:150px;
      background-color:#333333;
      width:944px;
      height:auto;
      overflow:hidden;
      min-height:800px; /* ie 7 marche et FF aussi. Pas testé IE6 */
    }
     
    #left-content{
      margin-left:11px;
      width:611px;
      margin-top:11px;
      float:left;
      background-color:transparent;
    }
     
    #page-left-content{
      width:611px;
      background-color:#cccccc;
      margin-top:11px;
      margin-bottom:11px;
    }
     
    #right-content{
      float:right;
      width:300px;
      margin-top:11px;
      margin-right:11px;
      background-color:transparent;
    }
     
    .block-right-content{
      width:100%;
      background-color:#cccccc;
      margin-bottom:11px;
    }
     
    #foot-content{
      width:100%;
      height:70px;
      background-color:white;
    }
     
     
    #vid-left-content{
      width:611px;
      height:395px;
      background-color:#cccccc; 
    }
     
     
     
    </style>
    <!--[if lte IE 6]>
    	<style type="text/css">
    		#left-content, #fullsize-vid-left-content, #page-left-content{
    			display:inline
    		}
    	</style>
     
    <![endif]--></head>
    <body>
     
    <div id="content-parent">
     
      <div id="content-child">
     
        <div id="head-hight"></div>
     
        <div id="head-low"></div>
     
        <div id="page">
     
            <div id="left-content">
                      <div id="vid-left-content">
     
     
                      </div>
                      <div id="page-left-content">lol</div>
     
            </div>
     
            <div id="right-content">
     
              <div class="block-right-content">LOL</div>
              <div class="block-right-content">LOL</div>
            </div>
        </div>
        <div id="foot-content"></div>
     
      </div>
    </div>
    </body>
    </html>

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

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2006
    Messages : 349
    Par défaut
    Bonjour,

    J'ai du mal à cerner le pixel dont tu parles.

    En revanche, sous IE6, pas mal d'éléments partent en cacahuète

  3. #3
    Membre chevronné Avatar de rikemSen
    Homme Profil pro
    Analyste Développeur Web - Fizzup.com
    Inscrit en
    Décembre 2007
    Messages
    387
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Analyste Développeur Web - Fizzup.com
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Décembre 2007
    Messages : 387
    Par défaut
    J'ai aucun moyen de tester IE6

    Le pixel dont je parle, vu que ça merde avec IE6, c'est le dernier de mes soucis je pense... XD

    Sinon il est là ( image )

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

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Juin 2006
    Messages : 349
    Par défaut
    Ah oki !

    En fait sur FFX3, je ne constate aucun décalage de mon côté, c'est nickel.

    Pour ce qui est d'IE6 : si quelqu'un peut envoyer un screen, j'ai essayé mais ne peux pas uploader d'image (suis au boulot :/ ). Sinon je le ferai de chez moi ce soir.

  5. #5
    Membre chevronné Avatar de desert
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    414
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2007
    Messages : 414
    Par défaut
    Bonjour,
    Tu dois simplement augmenter la taille du div#content-child (945 au lieu de 944px).

  6. #6
    Membre chevronné Avatar de rikemSen
    Homme Profil pro
    Analyste Développeur Web - Fizzup.com
    Inscrit en
    Décembre 2007
    Messages
    387
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Analyste Développeur Web - Fizzup.com
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Décembre 2007
    Messages : 387
    Par défaut
    J'ai testé
    Avant de poster, mais avec FF ça marche mais IE me décale d'un pixel de plus.. XD

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

Discussions similaires

  1. [TImage] Transfert de Picture par pixels.
    Par H2D dans le forum Langage
    Réponses: 9
    Dernier message: 25/10/2003, 14h37
  2. Afficher une buffer de pixel avec Direct3D
    Par Black_Daimond dans le forum DirectX
    Réponses: 4
    Dernier message: 27/12/2002, 22h18
  3. [Kylix] RGB d'un pixel
    Par Kusanagi dans le forum EDI
    Réponses: 1
    Dernier message: 13/11/2002, 20h33
  4. [VB6] [Graphisme] Transfert d'image pixel par pixel
    Par SpaceFrog dans le forum VB 6 et antérieur
    Réponses: 16
    Dernier message: 15/10/2002, 09h53
  5. Réponses: 2
    Dernier message: 30/05/2002, 10h19

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