Adapter la hauter des balise a leur conteneur
fanimed
Messages postés
90
Statut
Membre
-
fanimed Messages postés 90 Statut Membre -
fanimed Messages postés 90 Statut Membre -
Bonjour,
Je veux adapter la hauteur de mes balises div a leur conteneur.
voici le code
<div id="principal">
<div id="bord_gauche"><img src ="bord_gauche.gif" height="100%" width = "100%" /></div>
<div id="contenu"><p> texte </p></div>
<div id="bord_droite"><img src ="bord_droite.gif" height="100%" width = "100%" /></div>
</div>
css:
#principal
{
width:800px;
height:auto;
}
#bord_gauche
{
width:5%;
height:100%;
float:left;
}
#contenu
{
width:90%;
height:500px;
float:left;
}
#bord_gauche
{
width:5%;
height:100%;
float: right;
}
Mon probleme est que;
lorsque la hauteur de la balise contenu augmente a cause du texte qu'il contient, les balises bord_gauche et bord_droite devraient aussi augmenter pour respecter le design que je veux adopter pour le site.
Enfait les images qui sont a gauche et a droite sont des ombres que jai decoupees avec fotoshop. ces ombres doivent avoir la meme hauteur que le texte
Je sais pas comment faire cela.
Si vous avez une solution avec "position:absolute ", developpez la parce que je lai essayer mais je mensors pas.
J'ai besoin de votre aide, proposez moi des solutions s'il vous plait
Je veux adapter la hauteur de mes balises div a leur conteneur.
voici le code
<div id="principal">
<div id="bord_gauche"><img src ="bord_gauche.gif" height="100%" width = "100%" /></div>
<div id="contenu"><p> texte </p></div>
<div id="bord_droite"><img src ="bord_droite.gif" height="100%" width = "100%" /></div>
</div>
css:
#principal
{
width:800px;
height:auto;
}
#bord_gauche
{
width:5%;
height:100%;
float:left;
}
#contenu
{
width:90%;
height:500px;
float:left;
}
#bord_gauche
{
width:5%;
height:100%;
float: right;
}
Mon probleme est que;
lorsque la hauteur de la balise contenu augmente a cause du texte qu'il contient, les balises bord_gauche et bord_droite devraient aussi augmenter pour respecter le design que je veux adopter pour le site.
Enfait les images qui sont a gauche et a droite sont des ombres que jai decoupees avec fotoshop. ces ombres doivent avoir la meme hauteur que le texte
Je sais pas comment faire cela.
Si vous avez une solution avec "position:absolute ", developpez la parce que je lai essayer mais je mensors pas.
J'ai besoin de votre aide, proposez moi des solutions s'il vous plait
Configuration: Windows XP Firefox 3.0.7
A voir également:
- Adapter la hauter des balise a leur conteneur
- Balise smartfinder fresh ’n rebel - Guide
- Qualcomm atheros qca61x4a wireless network adapter ✓ - Forum Pilotes (drivers)
- Le fichier contient un tableau affichant la taille des populations des 419 communes de l’ain. triez le tableau pour que les villes les plus peuplées soient en haut. quel mot est formé par les 9 premières lettres de la colonne indice ? - Guide
- Petite cle en haut a droite samsung - Forum Samsung
- Icone de forme clé agfiché sur mon téléphone samsung - Forum Samsung
8 réponses
salut,
imbrique les <div>
et mets tes images en arrière-plan :
et idem pour le droit.
imbrique les <div>
<div id="principal"> <div id="bord_gauche"> <div id="bord_droite"> <div id="contenu"><p> texte </p></div> </div> </div> </div>
et mets tes images en arrière-plan :
#bord_gauche
{
background-image:url(bord_gauche.gif);
background-position:top left;
background-repeat:repeat-y;
}
et idem pour le droit.
J'ai imbriquer comme tu las dit mais jai pas quelque chose d'interessant hein. Jai aussi mis les images en background. mais les hauteurs de mes bords ne sadaptent toujours a la hauteur du contenu du texte. Les bords ont une hauteur presque nulle alors que le contenu a une taille atteignat 500px
wi ces ce que jai fait. jai ajouter
{
float:left;
}
au css de la bordure gauche
et
{
float:right;
}
au css de la bordure droite
{
float:left;
}
au css de la bordure gauche
et
{
float:right;
}
au css de la bordure droite
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
non, malheureusement, sa ne marche pas. Il faudrait peut etre une autre solution. Les hauteurs de mes bords nùaugmentent pas kan la hauteur du contenu augmente.
non jai pas une version en ligne mais je veux te mettre sur un lien pour que tu vois le style des bordures que je veux appliquer. cest en fait une page avec des bords arrondis et les bords droits et gauche sont des images donnant laspect ombre. Pour les coins arrondis pas de problemes mais mes bors ont ue hauteur fixe. il faudra que les balises div des bords evoluent avec la hauteur du contenu. Voici le lien: www.distrimarks.com
Il me faut trouver une solution a sa.
Il me faut trouver une solution a sa.
