OVH Cloud OVH Cloud

Problème de mise en page CSS : contenu superposé

3 réponses
Avatar
erwinol
Bonjour à tous !

Sous IE je n'ai aucun problème de mise en page mais sous Mozilla je
galère depuis plus d'un mois.

Pour ne pas tout faire en même temps, je voudrais juste un conseil pour
éviter que le contenu d'un tag <div></div> ne dépasse le <div>.

Vous pouvez par exemple aller voir sur http://www.anur.net sous Mozilla
(pas IE) et vous verrez ce problème. Par exemple le résumé de l'intro
de templates-fr qui dépasse du cadre pointillé, du contenu qui dépasse
également du site (en bas) et du texte qui se superpose.

A quoi cela est-il du à votre avis ? J'ai essayé en utilisant des
tailles fixes en px ou en % et rien à faire.

Merci pour votre aide

--
Ceci est une signature automatique de MesNews.
Site : http://mesnews.no-ip.com

3 réponses

Avatar
Thibaut Allender
on 20/05/2004 13:28, erwinol wrote :

A quoi cela est-il du à votre avis ? J'ai essayé en utilisant des
tailles fixes en px ou en % et rien à faire.



<div style="padding:10;height:130px;">

le contenu fait plus de 130px, il est donc normal qu'il deborde
de plus, tu ne donnes aucune unité pour le padding... 10 quoi ? 10
pixels ? 10% ? 10em ?

enfin, n'oublie pas que mozilla utilise le box model w3c, donc la
hauteur de 130px correspond au contenu + padding , alors que IE utilise
le box model MS, donc au total la boite fait 150px (130 + 2x10 de
padding, qu'il considere comme definit en px en l'absence d'unités)

--
thibaut allender | freelance | web|system developer|designer
+32 496 26 75 76 | http://capsule.org *new version*
Avatar
Bobe
Thibaut Allender nous a dit le 20/05/2004 23:00:

enfin, n'oublie pas que mozilla utilise le box model w3c, donc la
hauteur de 130px correspond au contenu + padding , alors que IE utilise
le box model MS, donc au total la boite fait 150px (130 + 2x10 de
padding, qu'il considere comme definit en px en l'absence d'unités)




C'est l'inverse. La boite dans les navigateurs conformes fera 150 pixels de
haut, et dans IE 5.5 et inférieur ou IE 6 en mode quirk, elle fera 130 pixels.

--
Bobe (Aurélien Maille)
http://webnaute.net

"la vie d'un geek est un combat perpétuel contre l'imperfection"
Avatar
Thibaut Allender
on 20/05/2004 23:46, Bobe wrote :

C'est l'inverse. La boite dans les navigateurs conformes fera 150 pixels
de haut, et dans IE 5.5 et inférieur ou IE 6 en mode quirk, elle fera
130 pixels.



je fatigue, j'aurais mieux fait de rester devant la tele :)

--
thibaut allender | freelance | web|system developer|designer
+32 496 26 75 76 | http://capsule.org *new version*