28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Dans le cadre d'un site en développement, je suis confronté à un problème du browser Safari.

Voici l'adresse: http://www.sbijoux.ch/index.php?reload=1

En effet, dans ma colonne de gauche où il y a le menu, j'aimerais avoir le menu aligné en haut, puis l'image avec les cartes de crédit tout en bas de la colonne adaptée au contenu.

Je sais bien que le site n'est pas forcément dans l'optique du site, croyez moi, ce n'est pas de ma faute, puisqu'il s'agit d'une adaptation d'OSCommerce.

Donc pour le menu, il y a selon moi 2 solutions:

1) mettre une troisième cellule à gauche, entre la table de menu et les cartes de crédit à height=100&. Marche sur IE et Firefox, mais pas sous Safari

2) Créer un div autour de la table de gauche qui serve de conteneur, la mettre en position:relative et faire un div pour l'image avec position:absolute et bottom:0, mais cela ne semble pas fonctionner non plus sur Safari.

Donc je m'en remets à vous. Que faire???

Les sources sont actuellement en modification, donc cela ne sert à rien que je vous les mette, mais, ça faisait ça:



<div id="conteneur">
    <table>
        <tr>
            <td>...</td>
            <td>...</td>
        </tr>
    </table>
    <div id="bas">
        <img...>
    </div>
</div>


et le code CSS:


#conteneur{
position: relative;
}
#bas{
position: absolute;
bottom: 0;
}


Merci d'avance!
Modifié par odonnell (06 Sep 2006 - 11:54)