28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je n'arrive pas à faire la mise en page que je souhaite pour mon site.
Pour le moment j'en suis arrivé la : http://legendesoubliees.ovh.org/test.php

La bordure dorée sur le coté doit descendre jusqu'en bas et le trait de séparation gris sur la droite devrait aussi descendre jusqu'en bas ... enfin ca c'est ce que je voudrais. Mais tout ce que j'arrive à faire c'est à devenir chauve un peu plus chaque jour en m'arrachant les cheveux Smiley biggol
J'ai parcouru un peu les faq et differents tuto sur le net mais bon y'a quelque chose que j'ai du louper. J'ai compris que j'aller devoir bidouiller un peu pour ie qui ne prend pas en compte "min-height" avant sa derniere version mais j'ai deja du mal sous firefox Smiley bawling

AAAAarrrggggghhhh .... jviens de regarder sous ie et mon design n'est plus centré alors qu'il l'était il y'a quelques minutes ... je songe à me petit suicider la ! Smiley fache
Et puisque j'y suis pour les prises de tete, comme vous pourrez le voir, le fond de ma page est une image en dégradé qui se termine d'une certaine couleur, lorsque la hauteur du contenu depassé la taille de cette image, le fond devient une simple couleur.
Probleme firefox, ie6 et ie7 interprete la couleur de fin de mon image par une couleur differente... Ya t il une solution la aussi ?


Je vous remercie d'avance, j'en suis à un point ou je songe presque à revenir à une mise en page par tableaux Smiley eek
Modifié par utsuho (17 Sep 2007 - 19:11)
Bonsoir,
erreur classique, tu as oublié de mettre à ton document un doctype, donc
cela le fait basculer les navigateurs réecents en mode Quirks (appelé aussi mode de compatibilité descendante ou mode natif), ce qu'il faut éviter.
Voir ces explications
Donc je te conseil d'ajouter ce doctype eb précisant la langue du document:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

Pour le fond plus sombre si IE, tu dois supprimer le gamma via un utilitaire
comme Tweak PNG ou un outils plus complet comme Png OUT.

Pour le min-height voir la FAQ Smiley cligne
Modifié par Hermann (16 Sep 2007 - 21:22)
J'ai un peu bidouillé à tête reposée et j'ai reussi ( pour l'instant ) à faire mon design comme je l'entend.
Pour les couleur de mon image je vais bientot y jeter un coup d'oeil mais je pense m'en sortir.
Merci à toi Smiley jap