[Résolu] Centrage de page différent sous IE MAc

Bonjour,

J'ai un pb avec un site, que je n'arrive pas à résoudre.
J'ai centré toutes les pages en utilisant la méthode des marges négatives, telles que décrites sur ce site.
C'est nickel pour sous Windows pour IE, NEtscape, Opéra, Firefox, mais par contre si c'est OK aussi sous MAc pour NEtscape, Opéra, Firefox, cela ne fonctionne pas sous IE MAc.
Ci joint les snaps d'écrans, qui me font penser que ce défaut constaté est dû à cela.
Site sous Mac avec Safari (aspect normal)


Site sous Mac avec IE (tout est décalé vers le haut)


Voici une partie du code de ma feuille CSS:

* Centrage de la page*/
#globalHaut{
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 745px;
	height: 423px;
	margin-left: -372px; /* moitié de la largeur */
	margin-top: -211px; /* moitié de la hauteur */
 }

Au niveau des pages HTML, j'ai placé dont tout le code dans une balise DIV

JE n'ose vous montrer le reste du code Html, car ce ne sont que des tableaux, à l'époque où je n'avais pas encore compris l'intérêt de tout faire avec les CSS. DE plus, tous les titres sont des "images": je sais, c'est pas bon, mais c'est le seule moyen que j'ai trouvé pour garder la typo, auquel le client tenait fermement. Donc, c'est clair, ce n'est pas un modèle du genre.

Connaissez vous ce problème ?
Est ce une erreur de ma part ?
Si c'est une défaut d'IE sous MAc, comment le contourner ?
En placant un

text-align: center;

dans la déclaration des propriétés "body" de la CSS ?

(Petit question supplémentaire, comment fait on pour qu'un browser en particulier (IE par exemple) ignore une définition de style de CSS et pas les autres?)

MErci de votre attention et de vos compétences.
Furet92
Modifié par furet92 (02 Sep 2005 - 17:52)

furet92 a écrit :
C'est nickel pour sous Windows pour IE, NEtscape, Opéra, Firefox, mais par contre si c'est OK aussi sous MAc pour NEtscape, Opéra, Firefox, cela ne fonctionne pas sous IE MAc.

Hello et bienvenue sur le forum.
Comme le spécifie le tutoriel sur ce centrage avec marges négatives :

tuto a écrit :
"Note : Les marges négatives verticales en CSS semblent poser des problèmes sur Explorer Mac"

Il est donc préférable d'utiliser la technique plus classique des marges automatiques (la 1ère du tuto) pour centrer horizontalement les éléments

furet92 a écrit :
(Petit question supplémentaire, comment fait on pour qu'un browser en particulier (IE par exemple) ignore une définition de style de CSS et pas les autres?)

Il faut utiliser des astuces, ou hacks tels que ceux décrits dans Ressources du forum :
- http://centricle.com/ref/css/filters/ : l'ensemble des hacks CSS et leur reconnaissance par les navigateurs
http://www.westciv.com/style_master/academy/browser_support/selectors.html : l'ensemble des supports navigateurs pour CSS2
- http://imfo.ru/csstest/css_hacks/import.php : masquer les feuilles de styles en utilisant @import et ses interprétations.
- http://w3development.de/css/hide_css_from_browsers/summary/ Techniques pour cacher les feuilles de styles
Modifié par Raphael (02 Sep 2005 - 00:47)

MErci Raphaël pour le bienvenue et pour tes réponses, et honte à moi, qui n'avait pas vu cette petite phrase au moment où je suis tombé sur cette technique. Trop pressé et trop content d'avoir trouvé une solution autre que les frames.

Mais me voila revenu à mon point de départ:
comment faire pour centrer un site de manière verticale.
(à priori, IE MAc n'a pas de pbs avec le centrage horizontal et je dois pouvoir continuer à utiliser cette méthode des marges négatives ou celles des marges auto comme tu le signales)

A part les frames (et cela me fait horreur) je ne vois pas d'autres solutions.
Y en a t'il ?

JE ne suis pas un spécialiste du Html et encore moins des CSS (mais merci aux tutos de ce site), mais n'est il pas possible par exemple, de mettre la balise DIV et son contenu (les pages du site)

dans une autre DIV conteneur placée en height 100% ou alors dans un tableau 100% de haut ?

Peut être un peu simpliste comme raisonnement mais c'est l'idée.

Cordialement