28173 sujets

CSS et mise en forme, CSS3

Background hauteur 100%

Bonjour,

J'ai un problème concernant l'arrière-plan de mes pages. Il se "coupe" au delà de la taille de la fenêtre du navigateur.

Voici les url, qui sera surement plus explicite que mes phrases !

http://s207754854.onlinehome.fr/clem/meduson/accueil.php
http://s207754854.onlinehome.fr/clem/meduson/equipe.php

Bien sûr, je n'ai pas ce problème lorsque la page n'est pas plus haute que la fenetre du navigateur.

CSS : http://s207754854.onlinehome.fr/clem/meduson/style.css



Merci d'avance pour votre aide.
Bonne journée
Modifié par cLm (17 Jan 2008 - 14:38)
ah d'accord, j'avais pas remarqué...
il suffit d'enlever le
height:100%;
sur "html,body" pour que ton souci se regle^^
bonjour

le min-height ne fonctionne pas pour IE6.

bizarre cette transparence qui change...

comment ça va si tu mets height : 100% à #global ?
Bonjour,

Il y a peut-être une subtilité avec l'image de fond qui serait répétée à la fois en fond de body et en fond du canevas de la page, ou bien en fond de html et en fond de body. Même si je ne me souviens pas d'avoir déjà croisé ce genre de problème. Smiley confuse

Solutions:
- ne pas attribuer l'image de fond à html, uniquement à body;
- ne pas utiliser une image à fond transparent, mais préférer un fond blanc pour ces petites méduses;
- faire attention au rendu graphique des écrans plats, notamment ceux des portables: dans certains cas les méduses du bas sont moins visibles, mais c'est un effet d'optique dû aux différences de contraste en fonction de la hauteur sur l'écran (les écrans TFT, et notamment ceux des portables, ont tendance à bouffer les couleurs pastel, les gris clairs, etc.).
Bonjour,

Merci pour vos réponses. J'ai suis reparti de zéro pour tout refaire plus "proprement", en suivant de plus près certains tutos.

Florent, exact, en remplacant le fond transparent par un blanc (+ export .jpg), il n'y a aucune coupure. Tout marche bien au niveau des fonds.

Il me reste cependant un problème. Lorsque le contenu dépasse 100%, l'ensemble de la structure se décalle sur la gauche. Voici un exemple entre ces deux pages :

http://s207754854.onlinehome.fr/clem/meduson/accueil.html
http://s207754854.onlinehome.fr/clem/meduson/ref_contact.html


Merci d'avance.

Clem
Modifié par cLm (17 Jan 2008 - 14:39)
cLm a écrit :
Il me reste cependant un problème. Lorsque le contenu dépasse 100%, l'ensemble de la structure se décalle sur la gauche.

Ben c'est normal, c'est dû à l'apparition de la barre de défilement à droite, qui réduit la largeur totale de la zone de visualisation du navigateur. Du coup, le contenu centré ou aligné à droite se décale vers la gauche.

C'est tout à fait normal et complètement négligeable comme phénomène.
Mais si on veut s'amuser un peu, on pourra lire ceci:
http://web.covertprestige.info/test/09-barre-defilement-et-decalage-page-centree-1.html

(Pour ma part, je conseillerais de ne pas rajouter de barre de défilement, même inactive et grisée, pour les pages courtes. L'utilisateur peut ne pas avoir l'habitude d'avoir une telle barre, et peut essayer de faire défiler la page par réflexe alors qu'il n'y a rien à faire défiler.)
Sujet clos
Aller à