Centrage automatique d'une DIV,des différences selon les navigateurs

Bonjour,

Je monte un site basé sur SPIP, ma trame de base est autocentrée quel que soit le navigateur (enfin en théorie) et j'ai mis le contenu du texte de SPIP dans une DIV.

J'ai un article SPIP par page, j'ai géré des liens ensuite pour naviguer sur les autres contenus.

Déjà c'est pas top codé (j'ai un peu honte ...) mais surtout j'ai des comportements différents selon les navigateurs. Vous me direz normal ... comment pouvoir régler ce type de problème ?

Voici l'extrait :

 <div style="position:fixed!important; position:absolute;top:230px; left:50%; margin-top:-100px;margin-left:-180px; width: 570px; height: 430px;" class="#EDIT{texte} texte">(#TEXTE|image_reduire{520,0})</div>

Hallucinant d'être obligé de mettre un margin-left et margin-top en négatif ...
Le "position:fixed" est pour firefox (je crois) et l'autre est interprété par IE qui semble ne pas tout comprendre (le pauvre...).

L'intérêt de cette div c'est qu'elle est toujours centrée sur IE, le fond est lui aussi auto centré, les bords gauches et droits s'agrandissent selon la taille de la fenêtre. Sur IE ça se comporte plutôt bien, ailleurs c'est bof !

Est-il possible de décrire un style dans mon CSS qui traite différemment cette problématique selon le navigateur utilisé ?
Existe-t-il un recueil des différences et des astuces pour résoudre ça ? (j'ai trouvé des éléments mais parfois contradictoires)
Modifié par Fabbb (01 Apr 2008 - 22:07)

Hello,

Fabbb a écrit :
Est-il possible de décrire un style dans mon CSS qui traite différemment cette problématique selon le navigateur utilisé ? Existe-t-il un recueil des différences et des astuces pour résoudre ça ?

Pour cibler IE tu peux utiliser les commentaires conditionnels...

Concernant le reste de ton problème, j'ai pas compris (Peut-être qu'une page en ligne, ou des explications mieux formulées pourraient être utiles)
Modifié par BeliG (03 Apr 2008 - 15:11)

Bonjour,

div#conteneur
{
width: 770px;
margin: 0 auto;
}

Fonctionne sur toutes les dernières versions +IE6 (et aussi IE5.5, je crois) de tous les navigateurs que je connaisse.


Pour que tu comprennes mieux les positions absolues, normalement, si tu as "left:25%;", ça veut dire que le pixel à 25% sur la gauche de ton élément sera aligné sur la ligne verticale qui correspond à 25% de la fenêtre.

Cordialement, SD.
Modifié par SiDi (03 Apr 2008 - 16:53)

SiDi a écrit :
(et aussi IE5.5, je crois)

Non, pas IE 5.5 (mais on s'en fiche, il est mort ).

a écrit :
Pour que tu comprennes mieux les positions absolues, normalement, si tu as "left:25%;", ça veut dire que le pixel à 25% sur la gauche de ton élément sera aligné sur la ligne verticale qui correspond à 25% de la fenêtre.

Pour être un peu plus précis à 25% du dernier élément englobant positionné (relative ou absolute) sinon effectivement ce sera un positionnement par défaut donc à 25% de la fenêtre.
Modifié par knarf (03 Apr 2008 - 17:43)

Merci pour tous vos retours.

Je vous propose de regarder http://juristesassocies.biz/spip/ dont le comportement va varier selon le navigateur, peut être que vous verrez un truc qui peut s'améliorer !

Merci.

Fabbb