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 :

gérer colonnes même hauteur avec un div et float left


Sujet :

Dimensionnement en CSS

  1. #1
    Candidat au Club
    Inscrit en
    Mai 2008
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 6
    Points : 3
    Points
    3
    Par défaut gérer colonnes même hauteur avec un div et float left
    Bonjour, j'ai crée un tableau trois colonnes avec un div et un float left mais je n'arrive pas à gérer dynamiquement la hauteur de chaque colonne. Par exemple suivant les informations que je récupère de ma base de donnée, la deuxieme colonne sera plus grande ou plus petite que les deux autres. Je souhaite que les 3 aient la même hauteur. Voici une partie de mon script .php


    C'est une fonction qui crée un élément et j'ai intégré le CSS dedans.

    public function createElement(){
    // on stocke le div ds une variable contenu
    $categ=array(0=>''.$this->tab_texte[54].'', 1=>''.$this->tab_texte[55].'', 2=>''.$this->tab_texte[56].'');
    $contenu='
    <style type="text/css">

    .el30{

    border: 1px solid #CECECE;
    width:231px;
    float:left;
    margin-left: 10px;
    padding:5px;
    font-family:verdana;
    padding-top:0px;
    padding-bottom:5px;
    overflow:auto;



    }
    h1{
    font-size:12px;
    background-color:#cccccc;
    margin-top:5px;
    margin-bottom:2px;



    }

    a{
    text-decoration:none;
    color:blue;
    font-family:verdana;
    font-size:10px;
    }




    </style>

    <div>';

    foreach ($this->titres as $key=>$cat){
    $contenu.='
    <div class="el30"><h1><center>'.$categ[$key].'</center></h1>';
    foreach($cat as $row){

    // Nombre de caractère
    $max=100;
    if(strlen($row['ctitular'])>=$max)
    {
    // Met la portion de chaine dans $row['ctitular']
    $row['ctitular']=substr($row['ctitular'],0,$max);
    // position du dernier espace
    $espace=strrpos($row['ctitular']," ");
    // test si il ya un espace
    if($espace)
    // si ya 1 espace, coupe de nouveau la chaine
    $row['ctitular']=substr($row['ctitular'],0,$espace);
    // Ajoute ... à la chaine
    $row['ctitular'] .= '...';
    }
    $contenu.='
    <li><a href="'.$row['cnewsurl'].'">'.$row['ctitular'].' </a></li>';
    }
    $contenu.='</div>';
    }


    Voilà ce que ça me donne:

    http://img515.imageshack.us/my.php?image=topnewski6.png

  2. #2
    Membre expert
    Avatar de hed62
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juillet 2007
    Messages
    2 029
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2007
    Messages : 2 029
    Points : 3 134
    Points
    3 134
    Par défaut
    Je te conseille d'utiliser les balises [ code]

  3. #3
    Candidat au Club
    Inscrit en
    Mai 2008
    Messages
    6
    Détails du profil
    Informations forums :
    Inscription : Mai 2008
    Messages : 6
    Points : 3
    Points
    3
    Par défaut
    Je suis nouveau en informatique ... Peux-tu être un peu plus explicite stp? A quoi vont me servir les balises code et comment vais-je pouvoir les utiliser ?
    Merci d'avance

  4. #4
    Membre expert
    Avatar de hed62
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Juillet 2007
    Messages
    2 029
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2007
    Messages : 2 029
    Points : 3 134
    Points
    3 134
    Par défaut
    Je te proposais d'éditer ton post, et d'utiliser le bouton en forme de # : le code écrit dans ta question sera mieux présentable, et pourras être coloré selon les mots clefs par exemple.

  5. #5
    Membre actif Avatar de tim974
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    175
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 175
    Points : 222
    Points
    222
    Par défaut
    Je crois que tu peux trouver ici, une réponse possible Fausses colonnes

Discussions similaires

  1. Gérer un même évenement sur des div imbriqués.
    Par snake-09 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 03/02/2010, 16h36
  2. Problème de compatibilité avec IE6 - DIV et FLOAT
    Par rigolman dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 20/06/2008, 13h58
  3. Colonnes de même hauteur avec bordures : possible sans tableau ?
    Par EnidGwa dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 17/10/2007, 15h18
  4. Probleme de hauteur avec les div sous IE
    Par Wanty dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 29/08/2006, 11h44

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