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

HTML Discussion :

[HTML] Affichage de cadres utlisant la fonction float


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 6
    Par défaut [HTML] Affichage de cadres utlisant la fonction float
    Bonjour a tous,

    Je viens de me lancer dans la creation d'un site internet en mixant des langages que vous tous l'air de bien connaitre : html et css (et php mais dans le cas present cela ne nous interesse pas!!).

    Mon site est composé de 3 ids en HMTL qui sont le menu (a gauche), le corps du site (situé a droite de ce menu) et un pied de page.

    Mon probleme est en soi tres simple : le menu est plus grand que le corps du texte et comme le pied de page se colle a la suite du corps du site (car le menu utilise la fonction float left), le menu passe au dessus du pied de page...ce qui evidemment procure un effet artistique des plus facheux!

    Ma premiere solution a ete d'augmenter la longueur du corps de sorte a ce que le menu soit cette fois ci plus court et n'empiete pas sur le pied de page. Inutile : le probleme s'inverse : il y a un espace blanc (ou correspondant au background du body) entre le menu et le pied de page. Note artistique : 0/20 la aussi !!

    Comment faire pour que l'espace blanc situé entre ces 2 blocs soit remplis "artificiellement" entre les 2 blocs (menu et pied de page)? est il possible qu'automatiquement la longueur du menu soit augmenté pour coller a celle du corps du site? ou alors, a l'nverse, comment faire pour repousser un bloc dessous en autre quand celui ci est un float ?

    Merci de vos reponses car google et votre faq ne m'ont pas aidé (il est vrai que les mots cles pour detailler ce probleme ne sont pas faciles a trouver!)

    Salutations

    Poliut

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Mets clear:both; sur ton footer.

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 6
    Par défaut
    Je te remercie pour ta reponse. Est ce que tu aurais une reponse pour la deuxieme question que j'ai aussi soulevée : a savoir remplir l'espace blanc entre le footer et le menu de gauche (cas ou le corps du site est plus grand que le menu) ?

    Salutations

    Poliut

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Encadre tes deux div en float, à savoir ton menu et ton corps, par un autre div et tu lui donnes la même couleur de fond que ton menu, ça donnera l'impression qu'il s'étend même si ce n'est pas le cas.

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 6
    Par défaut
    Je vois effectivement ou tu veux en venir mais cela implique alors que le menu ne peut etre encadré avec un border car cette bordure n'irait, alors, pas jusqu'au bout (jusqu'au footer). En testant, je pense que je vais tomber sur ce genre de probleme. Tu me confrmes tout ça ? ou il y a un moyen de passer outre ?

    Merci en tout cas du temps passé pour m'aider

    Salutations

    Poliut

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    CSS2 ne permet pas de faire ce genre de choses. Il faut soit passer par des illusions ou des bidouilles comme citées au-dessus, soit revenir aux tableaux.

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

Discussions similaires

  1. [HTML]Affichage d'une page complète dans une cadre.
    Par cach dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 28/02/2006, 18h11
  2. [HTML] affichage du contenu des balises 'alt' dans une iframe
    Par etarip dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 11/08/2005, 14h08
  3. Affichage de mon site en fonction de l'écran
    Par mobeida dans le forum Webdesign & Ergonomie
    Réponses: 1
    Dernier message: 07/08/2005, 18h08
  4. [DEBUTANT][HTML] affichage d'une image dans une page
    Par nimport nawak dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 12/04/2005, 19h50
  5. problème en html (affichage)
    Par lora dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 10/12/2004, 19h03

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