Version complète: sur le forum Webmaster Hub : Horriblement valide !
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Soho
Grace aux conseils des Hubeurs j'ai entrepris la (lourde) tache de rendre mon site propre (HTML 4.01 et css)
La page d'accueil est encore en test (tous les liens ne fonctionnent pas) mais elle est VALIDE biggrin.gif
C'est là que les choses se compliquent :
Je suis loin de maitriser parfaitement les css et en particulier, le positionnement des Div
résultat : sous IE 6, ca ressemble (à peu près) à ce que je souhaitais
Sous Firefox : :nono: Le pied de page vient recouvrir le bas du corps de page, l'image du "ruban vert" (background-image : url ("../images/menu/haut.jpg") de l'en-tête n'apparait plus...

http://www.chocoholic.free.fr/test/choconew.css attention : ca va surement faire peur aux plus avertis d'entre vous : je ne suis pas sure d'avoir fait au plus simple dans cette feuille unsure.gif !

Si quelqu'un pouvait jeter un oeil sur ma feuille de style et me dire comment m'en sortir, je lui en serait immensemment reconnaissante p_flower01.gif
LaurentDenis
Pour le pied de page : le bon résultat obtenu dans IE est en fait accidentel (et la preuve qu'il ne faut pas développer sa CSS en prenant IE comme navigateur de référence) :
- tu utilises une propriété position:fixed qui n'est pas supportée par IE. Il l'ignore donc, et il laisse la div #pied se placer "en flux", c'est à dire tout simplement en desous du contenu qui la précède.
- FireFox et Opera savent faire du position:fixed. Ils font donc ce que tu leur demandes, et placent ta div #pied par-dessus tout autre contenu, à 0pixels du bas de la fenêtre du navigateur, et l'y maintiennent en permanence indépendamment du scroll.
Solution : essaie déjà d'enlever ce position: fixed et les règles left et bottom qui vont avec. Ta div se placera en flux, ce qui suffira peut-être (je n'ai pas testé ni regardé la CSS en détail). D'une manière générale, "moins on positionne, mieux on se porte" : le flux est là pour gérer à ta place un positionnement vertical simple. Ne positionner que quand on cherche quelque-chose de plus évolué.
Soho
CITATION(LaurentDenis @ vendredi 09 juillet 2004, 08:19)
Solution : essaie déjà d'enlever ce position: fixed et les règles left et bottom qui vont avec.

Ha oui ! Ca fonctionne... Pourquoi faire compliqué quand on peut faire simple !
Merci LaurentDenis wink.gif

Quelqu'un a la solution pour l'image du "ruban vert" (background-image : url ("../images/menu/haut.jpg") de l'en-tête qui n'apparait plus...?
MissMonde
je pense qu'il faut enlever le background-position fixe.

le ruban vert est vu sous IE car IE ne tient pas compte de la position fixe.

tu ne peux pas mettre une position fixe qui ne défile pas et en même temps une position en % d'un élément qui défile (l'entête), je pense que c'est pour ça que FF n'affiche pas le ruban, il y a contradiction.
Soho
CITATION(MissMonde @ vendredi 09 juillet 2004, 10:05)
je pense qu'il faut enlever le background-position fixe.

Yes ! ca fonctionne !

Merci Miss Monde biggrin.gif p_flower01.gif
MissMonde
wink.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.