5568 sujets

Sémantique web et HTML

[Résolu...]Probleme pour la continuité des barres horizontales

Voila, la partie du corps de ma page, est entourée de deux barres verticales (pas très original, mais bon^^) je n'arrive pas à faire que ces deux barres s'allongent quand le corps s'allonge.
j'utilise pour économiser de la place des .gif de 54*1,
j'utilise aussi dans le css l'attribut background , pour un div.

en gros on a ca:


<div class="corps">
<div class="barre_gauche"></div>

<div class="partie_principale>
il pleut il mouille <br> c'est la fête <br><br> à la grenouille !
</div>

<div class="barre_droite"></div>
</div>


et le css:

.barre_gauche
{
width: 46px;
background: url(../images/barre_vert_gauche.gif) repeat-y top left;
float: left;
}

.barre_droite
{
width: 46px;
background: url(../images/barre_vert_gauche.gif) repeat-y top left;
float: left;
}

.partie_principale
{
width: 698px;
height: auto;
margin: auto;
float: left;
background-color: #FFFBFF;
}

voila.

quand je donne une hauteur aux barres de menus, ya pas de probleme, elles se mettent dans la longueur voulue, mais si le texte s'allonge, elles gardent leur taille définie... et quand je met auto, elle n'aparaissent pas du tout.

Ce que je voudrais c'est qu'elles suivent (les barres de droite et de gauche) la hauteur de la partie principale...

Quelqun saurait il m'aider?
Modifié le 02 Feb 2005 - 21:55
ca ne marche pas vraiment, ... ca fait quelquechose de bizare, quelqun aurait il peut etre une solution (meme completement différente) pour réaliser ce que je veux? (en oubliant les tableaux ^^)
je te l'envoie par mp, car je n'ai théoriquement pas le droit de montrer mon site
Si ta partie principale est de largeur définie et que tu souhaites des bordures graphiques à droite et à gauche, créez une image de fonds contenant ces deux bordures graphiques de largeur identique à partie_principale et met cette image en background de ce bloc en la faisant se répéter dans la hauteur. Cette solution me parait bien plus simple et t'épargnes deux éléments vides. Éléments vides qui dans certains cas je crois ne sont pas spécialement bien restitués par certains navigateurs graphique; utiliser deux éléments vides pour un effet graphique ne me parait pas du meilleur aloi.
Tu rajoutes des padding à droite et à gauche suffisants pour mettre ton contenu entre les deux.
bon, cette dernière tecnique marche à peu près, ce n'est pas exactement ce que je voulais, mais bon ^^ je ne vais pas passer ma vie à chercher non plus.

merci à tous pour votre aide:)
Sujet clos
Aller à