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 avec 3 colonnes


Sujet :

Tableau en CSS

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2006
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Février 2006
    Messages : 4
    Points : 2
    Points
    2
    Par défaut Problème avec 3 colonnes
    Bonjour,

    J’ai créé un pied de page avec 3 colonnes qui fonctionne correctement avec IE, mais pas avec Opéra, ni d'autres navigateurs.

    Il affiche les 2 colonnes (centre + droite) une ligne en dessous de la colonne de gauche.

    Voici le style utilisé.
    Quelqu’un peut-il m’aider ? J’ai essayé de réduire la taille des colonnes, mais cela ne change rien.

    Code css : 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
    #footerleft, #footerleft a:link, #footercenter, #footerright {
    padding:10px 0;
    	margin: 0px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	color : #FFFFFF;
    }
     
    #footerleft, {
    	float: left;
    	width: 120px;
    }
     
    #footercenter {
    margin-left:140px;
    margin-right:300px;
    }
     
    #footerright  {
    	float: right;
    	width: 290px;
    }

    Le tout se trouve dans une cellule de tableau d’une largeur de 760px.

    Code HTML :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div id="footerleft"> Lorem ipsum lorem<br>
              Lorem ipsum lorem
    </div>
    <div id="footerright"> Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum<br>
              Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum
    </div>
            <div id="footercenter"> Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum<br>
              Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum
    </div>

    Merci d'avance, car cela fait un moment que j'essaie de trouver ce qui ne va pas, mais sans succès.

  2. #2
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 915
    Points
    79 915
    Par défaut
    Bonjour,

    Je dirais une virgule en trop ?


  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2006
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Février 2006
    Messages : 4
    Points : 2
    Points
    2
    Par défaut
    Super, MERCI, c'était bien ça !!!

    Et dire que cela faisait des semaines que je cherchais pourquoi cela ne marchait pas...

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

Discussions similaires

  1. Réponses: 7
    Dernier message: 30/11/2011, 12h51
  2. [Crystal Report] Problème avec la mise en forme à colonnes multiples
    Par SamRay1024 dans le forum SAP Crystal Reports
    Réponses: 3
    Dernier message: 14/10/2010, 16h19
  3. GridView, problème avec les Colonnes
    Par LeViking dans le forum ASP.NET
    Réponses: 31
    Dernier message: 20/02/2008, 16h32
  4. Problème avec 3 colonnes dans un conteneur
    Par pidu dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 18/02/2007, 10h03
  5. Problème avec redimentionnement colonne dbgrid
    Par Oluha dans le forum Bases de données
    Réponses: 1
    Dernier message: 10/10/2005, 12h19

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