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 :

Texte qui sort du "div"


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Août 2005
    Messages : 3 905
    Par défaut Texte qui sort du "div"
    Bonjour,

    Voici une ebauche de mon template :
    http://www.zonegeeks.com/info.php

    Je voudrais savoir pourquoi le texte "sort" de la balise div et se colle dans le footer puis sort de la page...

    Je voudrais que le texte reste toujours dans le div "contenu" et que le div "footer", le div "partenaire" et le div "menu" descendent en meme temps en fonction de la longueur du texte.


    Je sais pas si je suis très clair

    Code CSS :
    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
     body {
    		margin:0cm;
      padding:0cm;
    		}
    div#header {
    	width:950px;
    	height:200px;
    	background-image:url(Header.jpg)
    	}
    div#menu {
    	float:left;
    	width:225px;
    	height:500px;
    	background-image:url(Partenaires.jpg);
    	}
    div#contenu {
    float:left;
    	width:500px;
    	height:500px;
    	background-repeat:repeat;
    	background-image:url(Contenu.jpg);
    	}
    div#partenaire {
    	float:left;
    	width:225px;
    	height:500px;
    	background-image:url(Partenaires.jpg);
    	}
    div#footer {
    clear:both;
    	width:950px;
    	height:68px;
     background-image:url(footer.jpg);
    	}
    Merci de votre aide
    Qui ne tente rien n'a rien !
    Ce qui ne nous tue pas nous rends plus fort !!
    Mon projet ZELDA en C++/Allegro
    http://www.tutoworld.com - Le Forum -
    Mes ressources Dotnet (cours, sources, tutos)
    --------------------------------------------
    + + =

    Ne pas oublier le Tag !

  2. #2
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Tu fixes une hauteur à tes éléments. Le navigateur se tient donc à la hauteur que tu lui donnes. Tu ne dois pas attribuer de height si tu veux que le conteneur s'agrandisse avec son contenu (comportement par défaut).
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  3. #3
    Membre Expert
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Août 2005
    Messages : 3 905
    Par défaut
    Citation Envoyé par Candygirl
    Tu fixes une hauteur à tes éléments. Le navigateur se tient donc à la hauteur que tu lui donnes. Tu ne dois pas attribuer de height si tu veux que le conteneur s'agrandisse avec son contenu (comportement par défaut).
    Oui je suis d'accord mais si j'enlève le height alors mes trois blocs sont ricicis et le site est illisible... C'est pas possible de définir par exemple 500px quand il y a rien ? (car il n'y aura pas forcement autant de texte dans les 3 blocks donc ils ne seront pas au meme niveau)

    EDIT : En fait il faudrait que lorsque le block contenu descend, les autres suivent...

    EDIT 2 : Voir ici
    Qui ne tente rien n'a rien !
    Ce qui ne nous tue pas nous rends plus fort !!
    Mon projet ZELDA en C++/Allegro
    http://www.tutoworld.com - Le Forum -
    Mes ressources Dotnet (cours, sources, tutos)
    --------------------------------------------
    + + =

    Ne pas oublier le Tag !

  4. #4
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Oui, c'est un des gros problème des montages css qui n'a actuellement pas de solutions vraiment effiace tous navigateurs.

    En général, le plus simple dans le cas d'un site de largeur fixe comme le tiens, on fait une tranche du fond rouge/bleu que tu va répéter en y dans le conteneur principal. De cette manière que cela soit le menu ou le contenu le plus long de toute manière le fond suit sur toute la largeur.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  5. #5
    Membre Expert
    Avatar de Aspic
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2005
    Messages
    3 905
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Août 2005
    Messages : 3 905
    Par défaut
    Citation Envoyé par Candygirl
    En général, le plus simple dans le cas d'un site de largeur fixe comme le tiens, on fait une tranche du fond rouge/bleu que tu va répéter en y dans le conteneur principal. De cette manière que cela soit le menu ou le contenu le plus long de toute manière le fond suit sur toute la largeur.
    Pourrais tu etre un peu plus explicite ? Je débute vraiment dans le CSS vu que mon autre site avec des tables commence à me gonfler !

    Penses tu que je dois créer un conteneur qui va contenir mes 3 blocs (menu, contenu et partenaires) et bidouiller le conteneur ? Si oui comment ? Merci
    Qui ne tente rien n'a rien !
    Ce qui ne nous tue pas nous rends plus fort !!
    Mon projet ZELDA en C++/Allegro
    http://www.tutoworld.com - Le Forum -
    Mes ressources Dotnet (cours, sources, tutos)
    --------------------------------------------
    + + =

    Ne pas oublier le Tag !

  6. #6
    BnA
    BnA est déconnecté
    Membre éclairé Avatar de BnA
    Inscrit en
    Mars 2006
    Messages
    559
    Détails du profil
    Informations personnelles :
    Âge : 41

    Informations forums :
    Inscription : Mars 2006
    Messages : 559
    Par défaut
    Je pense que CandyGirl veut parler d'un

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    background:url(taTrancheRougeEtBleue) repeat-y;
    Propriété que tu mettra sur ton conteneur principal.

    Mais je me trompe peut-être.

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

Discussions similaires

  1. [CSS 2] Texte qui passe sous un div en float rigth
    Par jay-ko dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 14/08/2009, 11h17
  2. Texte qui sort du fieldset sous Firefox
    Par sylicoman dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 29/02/2008, 15h52

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