Longueur des DIV avec des CSS

Discussion dans 'Administration d'un site Web' créé par ludoanimation, 26 Février 2004.

  1. ludoanimation
    ludoanimation WRInaute impliqué
    Inscrit:
    25 Juillet 2003
    Messages:
    677
    J'aime reçus:
    0
    Salut,

    Je viens d'essayer de changer l'ordre de mon source avec des DIV et des CSS. au début j'avais des problemes de largeur et de centrage maintenant résolus.

    Maintenant voila ce qui se passe :

    j'ai un cadre, un haut, une partie centrale avec 3 colones (menu , corps , ...) et un pied .

    ce que je voudrait faire : aligner la hauteur des DIV du cadre et du menu avec la hauteur du corps (qui elle est variable en fonction du contenu) ou avec la hauteur de la page si le corps ne remplit pas toute la page.

    Ce que j'obtient : pour le cadre soit je fixe sa hauteur a 100% et il fait la hauteur de la page mais si le corps est plus long lorsque je scrool il depasse du cadresoit je ne fixe pas la hauteur et il est tout petit (1 ligne). Pour le menu, et bien il s'arrete, apres la dernière ligne de menu.
     
  2. nikoshr
    nikoshr WRInaute occasionnel
    Inscrit:
    10 Juillet 2003
    Messages:
    295
    J'aime reçus:
    0
    L'article Faux columns de A List Apart devrait t'intéresser.
     
  3. ludoanimation
    ludoanimation WRInaute impliqué
    Inscrit:
    25 Juillet 2003
    Messages:
    677
    J'aime reçus:
    0
    Merci,

    J'ai tout lu, et presque tout compris, mais ce n'est qu'un subterfuge a l'aide d'une image qui fait croire a des fonds de couleur et des bordures.

    Ce que je cherche c'est a adapter la hauteur de mes div ... si quelqu'un a une idee
     
  4. Kmacleod
    Kmacleod WRInaute passionné
    Inscrit:
    28 Novembre 2002
    Messages:
    2 456
    J'aime reçus:
    0
    J'ai ce même problème

    un div qui contient du texte et une image en float.
    Evidement l'image sort du div si le texte est trop court, j'ai "comblé par des saut de lignes ... en attendant
     
  5. George Abitbol
    George Abitbol WRInaute passionné
    Inscrit:
    6 Juin 2003
    Messages:
    1 519
    J'aime reçus:
    0
    Kmacleod : rajoute à la suite de ton texte un bloc avec clear:both (ou left, ou right, selon le float de ton image)

    Fred
     
  6. Kmacleod
    Kmacleod WRInaute passionné
    Inscrit:
    28 Novembre 2002
    Messages:
    2 456
    J'aime reçus:
    0
    Ca ne fonctionne que sous IE, avec Mozilla l'image deborde toujours
     
  7. George Abitbol
    George Abitbol WRInaute passionné
    Inscrit:
    6 Juin 2003
    Messages:
    1 519
    J'aime reçus:
    0
    Etonnant, j'utilise pourtant ce truc... On peut voir la page ?

    Fred
     
  8. Kmacleod
    Kmacleod WRInaute passionné
    Inscrit:
    28 Novembre 2002
    Messages:
    2 456
    J'aime reçus:
    0
    C'est une page de test ;-)

    -http://phortail.org/_introduction.html

    le css est en interne pour avoir tout les elements dans le même source
     
  9. George Abitbol
    George Abitbol WRInaute passionné
    Inscrit:
    6 Juin 2003
    Messages:
    1 519
    J'aime reçus:
    0
    Code:
    <div class="toto">Lorem ipsum dolor sit amet,<div style="clear:left;line-height:0;">&</div></div>
    Le line-height est juste là pour éviter d'avoir un blanc sous l'image.

    Au passage, ton clear:right aurait dû être un clear:left, mais en le laissant sur ce div, tout le texte passait dessous (ça annule le float, en fait).

    Fred
     
  10. Kmacleod
    Kmacleod WRInaute passionné
    Inscrit:
    28 Novembre 2002
    Messages:
    2 456
    J'aime reçus:
    0
    Impecable Fred ;-)
    En fait le clear n'est pas utile, ce que je veux c'est du texte avec à coté une image (eventuellement).
    Je mets celà en ligne, ce sera plus clair
     
  11. SIBELIUS
    SIBELIUS WRInaute occasionnel
    Inscrit:
    21 Décembre 2003
    Messages:
    256
    J'aime reçus:
    0
    Apparemment, le clear both ne fonctionne pas partout :

    Je suis allé faire un tour sur OpenWeb.

    http://openweb.eu.org/articles/initiati ... 1.html#ex3

    Par contre, en ayant testé le code fourni sur IE6 et Firebird, je n'ai pas du tout le résultat visuel proposé par Openweb.

    Le texte de la partie gauche... disparaît sur IE6 !!! Aperçu : http://www.alsacreations.com/articles/c ... lules2.htm

    Bref, la question reste toujours d'actualité... pour avoir deux blocs qui s'étirent l'un par rapport à l'autre :
    - clear both : ne fonctionne pas correctement sur IE6
    - mettre les blocs à 100% de hauteur dans un conteneur vide : ne fonctionne pas
    - tricher en utilisant le background du conteneur : ça me semble être la meilleure solution à l'heure actuelle : http://www.alsacreations.com/articles/cellules/
     
Chargement...
Similar Threads - Longueur DIV CSS Forum Date
FAQ et longueur du contenu Référencement Google 20 Octobre 2021
Longueur des mots-clefs et Tags Débuter en référencement 20 Mai 2019
Alexa, une longueur d'avance? Référencement Google 8 Mai 2014
Longueur du htaccess > trop de redir ? URL Rewriting et .htaccess 6 Novembre 2013
Longueur de TITLE et son influence sur referencement et google fait sa description Problèmes de référencement spécifiques à vos sites 17 Octobre 2013
bootstrap span longueur row-fluid Développement d'un site Web ou d'une appli mobile 8 Septembre 2013
[Conseils] Quelle longueurs pour les urls d'une boutique Débuter en référencement 7 Mai 2013
Pour un meilleur referencement : la longueur des pages votre avis? Débuter en référencement 5 Janvier 2013
longueur idéale des liens pour Google ? Débuter en référencement 22 Novembre 2012
Longueur maximale de .htaccess Débuter en référencement 22 Octobre 2012
Duplicata content à partir de quel longueure de texte ? Référencement Google 28 Septembre 2012
Balises Hn | Longueur maximum ? Débuter en référencement 27 Juillet 2012
Longueur htacess URL Rewriting et .htaccess 5 Mai 2012
Longueur des titres des pages web (70 max ?) Débuter en référencement 28 Mars 2012
longueur du libellé d'une categorie Débuter en référencement 19 Mars 2012
Longueur du nom de domaine Débuter en référencement 11 Octobre 2011
Longueur optimale de la balise title Rédaction web et référencement 29 Août 2011
Longueur du texte dans la balise H2 ? Débuter en référencement 6 Août 2011
Longueur max. du nom de la page URL Rewriting et .htaccess 25 Janvier 2011
Longueur nom de domaine et référencement Débuter en référencement 6 Octobre 2010