Problème css

Protanim
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 306
Inscription: 2 Avr 2005

Problème css

Message le Dim Sep 11, 2005 17:52

Bonjour,

J'ai un petit soucis d'affichage de mon site (du profil) avec internet explorer. Avec firefox, aucun problème par contre.

Le problème se situe au centre, tout en bas.
Plutôt que de faire un long discours, le problème en image :

firefox : http://protection-des-animaux.org/upload/firefox.JPG

IE : http://protection-des-animaux.org/upload/ie.JPG

On voit bien un décalage avec IE, en plus le background s'arrete, ce qui est vraiment horrible.

Merci d'avance pour votre aide.


Borower
WRInaute passionné
WRInaute passionné
 
Messages: 2151
Inscription: 18 Avr 2005

Message le Dim Sep 11, 2005 18:20

A priorie cela vient de ton bloc de droite.
On peut voir de plus grand espace entre les differents textes.
En concequence ton bloc est plus grand que celui du millieu.

La solution possible:
Applique le background sur toutes la hauteur possible avec un 100%
Applique ce CSS juste pour ton dernier bloc du centre.

Protanim
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 306
Inscription: 2 Avr 2005

Message le Dim Sep 11, 2005 18:40

Dans mon bloc de droite, il y a des padding, c'est peut être du à cela ?
Il me semble avoir lu quelque part que IE les prennait pas bien en charge voire pas du tout ?

merci


CaYuS
WRInaute impliqué
WRInaute impliqué
 
Messages: 601
Inscription: 14 Juil 2005

Message le Dim Sep 11, 2005 19:29

Padding, padding, ça padd pas plus que ça ;)
Le problème viendrait plutôt de l'interprétation de la marge associée à la balise p selon IE ou selon Fx.

Petite démonstration en code, le tout dans ton css.
Rajoute les margin-top & margin-bottom suivantes dans tes class .header et .texte

Code: Tout sélectionner
.header {
   font-family: Verdana;
   font-size: 9px;
   color: #23588E;
   text-decoration: none;
   border: none;
   margin-top: 1em;
   margin-bottom: 0;
   text-align: center ;
}
.texte {
   text-align: justify ;
   margin-top: 1em;
   margin-bottom: 1em;
}


Alors, ce n'est pas mieux ?


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités