28172 sujets

CSS et mise en forme, CSS3

Bonsoir,

J'ai un petit bug et je n'arrive pas à voir où il se situe ...

Voilà l'adresse du site :
http://www.sandrachiche.com/LNA/LNAV2/presentation.html

J'ai placé l'image ici :


#page {
	width:990px;
	height:auto;
	position:relative;
	background-image:url(presentation/imgpresentation.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


mais elle n'apparait pas en bas à droite .... Smiley eek

Où est-ce que je me suis plantée ?
Merci beaucoup de votre aide !

Bonne soirée,
Sandra
Modifié par sayu (07 Sep 2008 - 13:44)
Salut,

ton image apparaît bien en bas à droite de #page... mais il se trouve que la hauteur de #page n'est pas suffisante pour la voir et qu'elle est derrière ta colonne de droite. Tu pourrais ajouter
#page {
...
min-height: 600px;
}
(voir dans la FAQ ce qu'il faut rajouter pour IE < 7).

En passant, est-ce normal que tes images aient une hauteur figée qui leur interdira de suivre si le contenu de #page était trop long ? Si non, voir cet article sur covertprestige.

PS : pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?
Merci d'avance. Smiley cligne


Edit: je t'invite à utiliser les extensions de Firefox Web Developer et Firebug.
Modifié par Heyoan (02 Sep 2008 - 00:35)
Voilà j'ai modifié mon message Smiley confused

Bon heu... là j'ai un peu de mal, je ne dois plus avoir le cerveau très clair !! Je retente demain et te tiens au courant de la résolution ou non de ce problème.

Merci encore Heyoan Smiley smile