Safari: position fixed & left - Page 1

Hello ^^
Dans le cadre d'un cours il fallait vite faire un site pour une compagnie bidon. J'ai fait un truc assez simple en CSS à la mode et tout. Seul truc j'ai voulu fixer certains éléments (le menu de gauche et la bannière du haut).

Voici ce que ça donne:

(j'ai mis le site complet temporairement en ligne pour ceux qui veulent mieux voir le pb: http://brunni.dev-fr.org/tmp/cat/index.html, ne riez pas svp, c'est un gros trip )

Donc pour ce faire j'ai des div imbriquées (j'ai enlevé tout le détail graphique dans le CSS):

/* Prend toute la page, permet justement le centrage et merde sous safari */
outer {
	position: relative;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
}

/* Bannière */
#header {
	position: fixed;
	width: 1000px;
	height: 128px;
}

/* Page (regroupe menu & texte) */
#page { width: 1000px; }

/* Menu à gauche */
#menu {
	position: fixed;
	margin-top: 120px;
	width: 200px;
	float: left;
}

/* Contenu principal */
#content {
	margin-top: 120px;
	width: 770px;
	float: right;
}

Avec la hiérarchie [outer [header] [page [menu] [content]]].

Le screen que j'ai inclus de safari c'est en ayant enlevé le margin-left: -500px, sinon les éléments étaient en dehors de l'écran (tous, sauf le content, celui où c'est écrit Bienvenue). Donc étrangement il ne prend en compte le left pour déplacer les div enfants que s'ils n'ont pas la position fixed, par contre il le fait à tous les coups pour le margin-left.
Question: si j'ai une div A contenant une (div B avec les attributs position=fixed et left=top=0), en fait la position de la div B sera celle de la div A, ou ce sera vraiment (0, 0) sur l'écran?
Merci d'avance ^^

absolute = Positionnement absolu, mesuré à partir du bord de l'élément parent; peut défiler.
fixed = Positionnement absolu, mesuré à partir du bord de l'élément parent; reste fixe lors du défilement. .
relative = Positionnement relatif mesuré à partir de la position de départ de l'élément proprement dit. static = Pas de positionnement spécial, flux normal de l'élément (réglage par défaut).

(cf. self html)

Donc la position de la DIV B sera celle de la DIV A

Ok merci
Du coup on dirait bien que c'est un bug de Safari 4. Est-ce que quelqu'un avec un Mac et Safari 3 pourrait tester? (j'ai mis l'URL dans le premier post)
Sur Safari 4, un div n'hérite pas de la propriété left du parent. Ainsi dans mon cas header, sous outer n'hérite pas du left: 50% et reprend 0 à chaque fois. Du coup je pense que je vais considérer ça comme un bug et ne pas le corriger. Sauf s'il se produit aussi sur Safari 3...

Fichier joint : (Image 1.png)

Snif
Je peux même pas corriger le pb en plus... si je rajoute un left: 50% dans mes div enfant, dans les autres navigateurs elles se situeront à 50% par rapport à la largeur du parent (évidemment, c'est normal...).
Si c'est vraiment un bug c'est quand même incroyable qu'il soit là depuis si longtemps non? Je m'y prends ptet mal quelque part
Je me demande aussi si Google Chrome présente le même souci...

Ha ben je crois que j'ai résolu le problème, finalement pas besoin d'utiliser le 50%, suffit d'avoir un margin auto. Comme ça le centrage est automatique déjà, et ne se fait pas si la fenêtre est trop petite (évite le menu qui sort par la gauche ).

#outer {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}

#header {
	position: fixed;
	margin: 0;
	width: 1000px;
	height: 120px;
}

Tu peux me confirmer que ça marche sur Safari 3 Flan?

Ça a l'air correct :

Fichier joint : (Image 2.png)

Yay ^^ en plus le style se mappe nickel sur celui du mac ^^
T'as un profil de couleurs spécial chargé?
Merci.

Comment ça ? tu veux parler du machin dans préférences système => moniteurs => couleur ? (PLE2400WS)

Oui. Tu n'as pas calibré ton moniteur ou appliqué un profil de couleurs de lesnumériques ou autre?
En tous cas je suis juste étonné d'à quel point c'est foncé, et du coup c'est pas très très joli. Alors je me demandais si c'est les params par défaut sur Mac qui font ça ou si c'est toi qui l'as fait ^^

Je ne comprends pas bien :
avec le colorimètre numérique, j'ai vu que j'avais des valeurs plutôt plus élevées, donc plus claires ^^

De toutes façons, une capture d'écran ne prend pas en compte les paramètres colorimétriques, si je ne m'abuse (la capture prend le RVB de base, avant correction), donc ça devrait apparaître chez toi comme sur ton navigateur.

Ben ptet que sur Mac oui, je sais pas ^^ j'avais lu je sais plus où que sur Mac les programmes (genre Firefox) doivent eux-même prendre ça en charge, donc si FF le fait pour ses images ça sera inclus au screenshot ^^