Discussion :

[david06600]

Bonjour,
je voudrais avec css réaliser un site qui s'affiche bien, peu importe la résolution de l'écran. En utilisant un tableau cela fonctionne bien mais sans tableau et uniquement avec css je n'arrive pas a avoir le même résultats pour certains gif qui ne prenne pas la largeur total de l'écran malgré avoir mit un width de 100%.
css

Code :

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

1
2
3
4
5
6
7
 
#banner {
	width: 100%;
	height: 55px;
	background: url(../images/banner.gif) top left no-repeat;
	border-top: 1px solid #808080;
}

html

Code :

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

1
2
 
<div id="banner"><span>banner</span></div>

Mon gif fait 750px de large et 55px de hauteur
J'ai un écran 16/9 avec une résolution de 1280 * 800
Avec css lorsque mon gif a atteint 750px il ne sélargit pas plus alors que ds un tableau il remplit tout l'écran en largeur.

[<romain/>]

tu veux que ton gif s'elargisse? Si tu l'etire seuelement sur la longueur ca va vite devenir moche...

Par contre si tu as un motif repetitif, tu as juste a repeter ton image de facon a ce qu'elle prenne la taille de tot le bloc.


change ca :

Code :

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

1
2
3
4
5
6
#banner {
	width: 100%;
	height: 55px;
	background: url(../images/banner.gif) top left no-repeat;
	border-top: 1px solid #808080;
}

par ca :

Code :

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

1
2
3
4
5
6
#banner {
	width: 100%;
	height: 55px;
	background: url(../images/banner.gif) top left repeat-x;
	border-top: 1px solid #808080;
}

Ici l'image va se repeter horizontalement.
Si tuvex elle peut se repeter verticalement : repeat-y ou alors horizontalement et verticalement (valeur par default) dans cecas tun'arien a definir


romain

[david06600]

Salut a toi, ce n'est pas un motif répétitif et je voudrais que cela s'élargisse, est ce que cela est possible? Si oui comment faire en css.
Merci