Discussion :

[Shuur]

Bonjour,

J'ai validé mon site pour l'HTML et les CSS et il marche très bien sous firefox et ie mais par contre avec safari ou konqueror rien ne s'affiche... enfin, il y a que le fond de page... je comprend vraiment pas. est-ce que quelqu'un pourrait m'aider?

le site c'est http://www.jaman.ch.

Merci!

[Erwan31]

Bonjour,
fais attention, tu as un visibility:hidden au niveau du div externe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#externe {
	position:absolute;
	left:50%;
	top:0px;
	width:800px;
	height:759px;
	z-index:2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #FFCC99;
	margin-left: -400px;
	padding: 0px;
	margin-top: 0px;
	visibility: hidden;
	}

[Bisûnûrs]

Ce n'est pas parce que ton site passe la validation HTML et CSS que le code est forcément cohérent et bien pensé.

Exemples :

- Tu donnes une largeur à ton body, chose qu'il ne faut surtout pas faire.
- En plus de ça, la largeur du body (750px) est inférieure à la largeur du premier div (800px).

La validation ne vérifie que la syntaxe, pas si les informations sont cohérentes.

[Erwan31]

A coup sure tu as créé tes blocs avec la palette calque de Dreamweaver, je me trompe?
La palette calque de Photoshop n'est pas fait pour faire du positionnement CSS
mais plutôt pour superposer des blocs...
Oublies cette palette et évites le positionnement absolue autant que possible

[Shuur]

Merci c'était exactement ça!
vous avez deviné juste, c'est mon premier site avec dreamweaver et j'ai encore pas mal de trucs à apprendre.
Merci pour votre aide.

[niklaus]

Exemples :
- Tu donnes une largeur à ton body, chose qu'il ne faut surtout pas faire.

Ah bon, je ne savais pas. Tu pourrais expliquer la raison ?
Merci.
Niklaus

[Erwan31]

Ah bon, je ne savais pas. Tu pourrais expliquer la raison ?

Je ne serais pas aussi catégorique que Bisounours mais il a quand même raison:
Même si les propriétés de taille sont applicables sur cet élément, ça ne
représente guère d'intérêt (et de sens) si le document est servi en text/html
(explication plus bas) et l'homogénéité d'interprétation des propriétés de taille
d'un navigateur à l'autre n'est pas totalement garantie pour cet élément ou alors pas
suffisamment prévisible.

L'intérêt principal des styles appliqués à cet élément vient de l'héritage de
certaines propriétés (font, color, text-align...) sur la totalité du document.

Dans un document traité en tant que XML (application/xhtml+xml), l'élément
body ne joue plus le rôle particulier de conteneur initial (correspondant au
viewport) mais de simple div.
Les styles attribués au body seront donc à transférer vers l'élément HTML
dont le rôle sera identique au body dans un document servi en tex/html.

[niklaus]

Je ne serais pas aussi catégorique que Bisounours mais il a quand même raison:
[...]

Merci Erwan31 pour cette explication. Je pense un peu la même chose.
Niklaus