[css] probème avec un design extensible....

Bonjour à tous!

Voila j'ai un problème avec mon design extensible...
Il marche bien en largeur mais pas du tout en hauteur....


Code : HTML

<div class="parchemin_csg"></div>
<div class="parchemin_csd"></div>
<div class="parchemin_bs"></div>
<div class="parchemin_blg"></div>
<div class="parchemin_bld"></div>
<div class="parchemin_fond">
<table class="tabListeVin">
<tr class="titreTableauListeVin">
<td class="left">
Pays
</td>
<td class="left">
Région
</td>
<td class="left">
Vignoble
</td>
<td class="left">
Cru
</td>
</tr>'
<tr>
<td class="left">
pays
</td>
<td class="left">
region
</td>
<td class="left">
vignoble
</td>
<td class="left">
nom
</td>
</tr>
echo'</table>
</div>
<div class="parchemin_cig"></div>
<div class="parchemin_cid"></div>
<div class="parchemin_bi"></div>

mon css :

.parchemin_csg
{
float: left;
width:100px;
height: 122px;
background-image: url(parchemin_csg.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='parchemin_csg.png');
background-repeat: no-repeat;
left: 10px;
margin-top : -5px;
margin-right: -40px;
background-color:#3f7fbd;
}

.parchemin_bs
{
width:auto;
height: 122px;
background-image: url(parchemin_bs.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='parchemin_bs.png');
background-repeat: repeat-x;
margin-top : -5px;

}

.parchemin_csd
{
float: right;
width:100px;
height: 122px;
background-image: url(parchemin_csd.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='parchemin_csd.png');
background-repeat: no-repeat;
margin-left : -5px;
margin-top : -5px;
background-color:#3f7fbd;
}

.parchemin_cig
{
float: left;
width:100px;
height: 122px;
background-image: url(parchemin_cig.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='parchemin_cig.png');
background-repeat: no-repeat;
left: 10px;
margin-top : -5px;
margin-right: -40px;
background-color:#3f7fbd;
}

.parchemin_bi
{
width:auto;
height: 122px;
background-image: url(parchemin_bi.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='parchemin_bi.png');
background-repeat: repeat-x;
margin-top : -5px;

}

.parchemin_cid
{
float: right;
width:100px;
height: 122px;
background-image: url(parchemin_cid.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='parchemin_cid.png');
background-repeat: no-repeat;
margin-left : -5px;
margin-top : -5px;
background-color:#3f7fbd;
}

.parchemin_blg
{
float: left;
width:101px;
height: 2px;
background-image: url(parchemin_blg.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='parchemin_blg.png');
background-repeat: repeat-y;
margin-top : -5px;

}

.parchemin_bld
{
float: right;
width:101px;
height: 2px;
background-image: url(parchemin_bld.png)!important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='parchemin_bld.png');
background-repeat: repeat-y;
margin-top : -5px;

}

.parchemin_fond
{
width:80%;
margin:auto;
background-color:#d4ad45;
margin-top : -5px;

}

merci d'avance!!!

pour ceux qui veulent voir le rendu : http://www.e-caveavin.com/listeVin.php et séléctionnez "tous" dans le menu déroulant...

edit : désolé pour la non mise en page du post precedent...
Modifié par serial (08 Feb 2007 - 18:36)

Salut.

Pourrais-tu entourer le code avec les balises adéquates ([ code] & [ /code], sans les espaces) afin de le rendre plus lisible et de respecter les règles du forum, stp ?

Par ailleurs, le code PHP ne sert à rien si ce n'est à nuire à la compréhension de ton code. Essaie de fournir uniquement le résultat final (i.e. le code HTML servi par le serveur une fois que le code PHP a été interprété).

Salut,

a écrit :
Voila j'ai un problème avec mon design extensible...
Il marche bien en largeur mais pas du tout en hauteur....

Je comprends pas bien le pb, qu'entends tu par extensible en hauteur vu que tu fixe une hauteur des éléments en pixels ? Il est alors normal que leur hauteur ne varie pas en fonction de la résolution.
Si ton contenu est plus long qu'un écran, il est normal qu'une partie soit cachée et qu'il faille faire défiler pour la voir.
Modifié par Mikachu (08 Feb 2007 - 18:34)

ben en fait mon repeat-y n'a pas l'air de marcher....je suis toujours pas clair? lol

je reprend : je voudrais faire un cadre extensible à un tableau. L'"extensibilité" du haut et du bas du cadre marche bien mais celle sur les cotés ne marche pas....

edit : en fait il ne marche pas du tout sous IE7 (donc inférieur aussi..)
Modifié par serial (08 Feb 2007 - 18:42)