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 de placement colonne droite css


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut probléme de placement colonne droite css
    Bonjourje debut dans la programmtion css et j ai un petit soucis de place dans ma colonne droite j aimerais quelle reste fixe en dessous du top seriez vous m'aidez svp????

    exemple sur multimania la collone droite viens sur le centre du design css.

    A oui et le scrollbar ne fonction pas sous firefox ...


    et je rechercher aussi le moyen d'ajouter un dessous en css avec les coordonner et la date de mise a jours


    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
    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
     
    <head>
    <style type="text/css">
    BODY {
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #D3E6FF;
    scrollbar-base-color: #3D58A5;
    scrollbar-face-color: #395294;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    }
    a:active, a:link, a:visited {  color: #336699; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 8pt;}
    a:hover {  color: #000000; text-decoration: none}
    td {  font-family: Arial; font-size: 8pt; font-style: normal; color: #000000} 
    input { color: #000000; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-color: #000000; border-left-color: #000000; border-right-color: #000000; border-top-color: #000000; font-family: 'verdana', 'arial', 'helvetical', 'geneva', sans-serif; font-size: 11px; background: #D0DDEA; }
    textarea { color: #000000; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-color: #000000; border-left-color: #000000; border-right-color: #000000; border-top-color: #00000; font-family: 'verdana', 'arial', 'helvetical', 'geneva', sans-serif; font-size: 10px; background: #D0DDEA; }
    select { color: #000000; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-color: #000000; border-left-color: #000000; border-right-color: #000000; border-top-color: #000000; font-family: 'verdana', 'arial', 'helvetical', 'geneva', sans-serif; font-size: 10px; background: #D0DDEA; }
    a.menu:active, a.menu:link, a.menu:visited { color: #D5EAFF; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 8pt;}
    a.menu:hover {  color: #FFFFFF; text-decoration: none} 
     
    var largeur = 0, hauteur = 0;
    if( typeof( window.innerWidth ) == 'number' ) {
      largeur = window.innerWidth;
      hauteur = window.innerHeight;
      }
    else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
      largeur = document.documentElement.clientWidth;
      hauteur = document.documentElement.clientHeight;
      }
    else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
      largeur = document.body.clientWidth;
      hauteur = document.body.clientHeight;
      }
    else {
      largeur = -1;
      hauteur = -1;
      }
     
    #top {
       position: relative;
       margin: 20px 20px 0px 20px;
       border: 3px ridge #FFFFFF;
       width: 750px;
       padding: 10px;
       background: #B7B7FF;
       height: 80px;
       }
     
    #left {
    	position: absolute;
    	left:8px;
    	margin:20px;
    	top:129px;
    	width:114px;
    	border:0px solid #000;
    	padding: 5px;
    	height: 394px;
       }
     
    #right {
    	position: absolute;
    	right:200px;
    	margin:20px;
    	top:131px;
    	width:122px;
    	border:0px solid #000;
    	padding: 5px;
    	height: 391px;
       }
     
     
    .center {
       position: relative;
       background:#fff000;
       width: 450px;
       min-width: 200px;
       margin:10px 160px 10px 160px;
       border: 3px ridge #FFFFFF;
       padding: 10px;
       }
    </style>

  2. #2
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Octobre 2004
    Messages
    514
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 514
    Par défaut
    suivant navigateur web ???


    Explorer http://membres.lycos.fr/speedcomputer

    firefox http://membres.lycos.fr/speedcomputer


    le placement partenaire n'est pas au même endroit

  3. #3
    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
    A oui et le scrollbar ne fonction pas sous firefox ...
    Normal, les propriétée scrollbar sont propriétaires IE. On ne peu rien y faire.

Discussions similaires

  1. [CSS] tableau dans tableau - colonne droite
    Par Choupinou dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 30/08/2006, 13h25
  2. problème de placement avec IE
    Par Invité dans le forum Langage
    Réponses: 2
    Dernier message: 19/12/2005, 23h46
  3. Problème avec redimentionnement colonne dbgrid
    Par Oluha dans le forum Bases de données
    Réponses: 1
    Dernier message: 10/10/2005, 11h19
  4. Problème de navigation réalisé avec CSS
    Par Mihai dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 18/09/2005, 18h51
  5. Problème avec le clic droit
    Par nebule dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 20/10/2004, 16h29

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