Discussion :

[CLeBeR]

Bonjour,
Je viens de créer une image qui doit prendre toute la taille de la fenêtre sauf le menu (c'est une image pour une erreur 404). J'ai donc crée un div comme suit :

Code :

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

1
2
3
4
5
<div id="404">
	<a href="index.html">
		<img src="images/404.png" alt="erreur 404">
	</a>
</div>

Et voici le CSS qui selon moi devrait redimensionner automatiquement la taille du background ...

Code css :

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

1
2
3
4
5
#404 {
	height: 100%;
	width: 100%;
	background-image: url(../images/404.png) no-repeat center fixed; 
}

Je ne vois pas pourquoi cela ne fonctionne pas ...
Merci.

[ryan]

Yop

Je suis certain qu'une classe ne peut commencer par un chiffre, je me demande si ce n'est pas aussi le cas pour les ID's

[Muchos]

La DIV est-elle dimensionnée par rapport à HTML & BODY ?

Code css :

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

1
2
3
html, body {
  height: 100%;
}

Je suis certain qu'une classe ne peut commencer par un chiffre, je me demande si ce n'est pas aussi le cas pour les ID's

En HTML 4 en effet, mais ce n'est plus demandé avec HTML 5. Plus d'infos ici.

[Bisûnûrs]

En HTML 4 en effet, mais ce n'est plus demandé avec HTML 5.

Ce n'est pas parce que c'est permis en HTML 5 que les navigateurs l'implémentent. En l'occurrence, les navigateurs n'autorisent pas encore d'utiliser un id ou une classe commençant par un chiffre.

Exemples ici :
http://josselin.willette.free.fr/cod...ss-id-chiffre/

Testé actuellement avec :
- Firefox 33.1
- Opera 12.15
- Chrome 39
- IE 11

[Muchos]

En effet : sur mon Firefox 20, la stylisation ne fontionne pas, mais les ancres si.

[sipatsymasaka]

bonjour,
1-pourquoi tu mes 'image dans une balise img en même temps qu'en background du div? c'est pas une répétition?
2-pourquoi tu n'utilise pas ton image comme background de ta body si c'est toute la fenêtre qui est visé, mais évidemment tu dois gérer le changement de stylel en n'affichant l'image que quand il y a erreur.
3-et après, une image responsive c'est mieux: redimensionner-une-image-dans-un-responsive-design

[CLeBeR]

Bonjour,
malgré avoir changé l'ID, l'image ne se dimensionne toujours pas automatiquement.

[NoSmoking]

Bonjour,
il serait peut être bon que tu nous montres le code auquel tu es arrivé.

[CLeBeR]

Bonjour,
voici le code HTML :

Code html :

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

1
2
3
4
5
<div id="erreur">
	<a href="index.html">
		<img src="images/404.png" alt="erreur 404">
	</a>
</div>

Voici le code CSS :

Code :

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

1
2
3
4
5
#erreur {
	max-width: 100%;
	height: 100%;
	box-sizing: border-box;
}

Merci.

[NoSmoking]

C'est bien tu t'occupes du conteneur mais à aucun moment pas de l'image.

Code :

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

1
2
3
4
5
6
#erreur img{
/*	max-width: 100%;/**/
/*	height: 100%;/**/
/*	box-sizing: border-box;/**/
	width:100%;
}

[Bisûnûrs]

Soit dit en passant, un petit point de rappel de la FAQ :
http://css.developpez.com/faq/?page=...ur_pourcentage

[abc.xyz]

Bonjour,

c'est beaucoup plus simple de mettre le background-image directement sur ta balise <a> que tu auras mise préalablement en display:block.