28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Dans cet exemple de page: ici, j'ai des petits logos à gauche et à droite que je suis obligé de positionner en relative car je veux qu'ils apparaissent sur le croisement de mon cadre.

Ces logos sont déterminés dynamiquement et donc, je ne peux pas faire une image complète du cadre.

Le problème, c'est que je dois donc utiliser ce code CSS:
.logo_gauche{
    float: right;
    right: 10px;
    position: relative;
    top: -30px
}
.logo_droit{
    float: left;
    position: relative;
    top: -30px
}


Sous FireFox, par logique CSSienne, les différents cadres sont collés les uns aux autres...

Par contre, sous IE7, il ne tient pas compte du top - 30px et donc, les différents cadres sont séparés de 30px...

Le problème qui en résulte, c'est que les titres gauche de mes cadres (cadre 2 et 4) ne sont pas dans la même situation, décalés sous Firefox par le logo précédent et non décalés sous IE...

Bref, comment faire à ce qu'IE ne considèrent pas ces 30px de différence ?

D'avance un tout grand merci !

IMAGO
Modifié par IMAGO-SERVICES (18 Mar 2007 - 22:47)