28172 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un problème avec le fond :

http://data.imagup.com/7/1122722228.jpg

Auriez-vous une idée de comment empêche l'apparition d'une barre de défilement aussi longue ?

Merci d'avance !

Aperçu du fichier CSS :

body 
{
	font-family: Tahoma;
	font-size: 0.8em;
	color: #e8e7e6;
	background-color: #010101;
	margin: 0;
	padding: 0;
}

#background
{
	background-image: url("../images/background.jpg");
	width: 1600px;
	height: 800px;
	margin: auto;
}

#header
{
	background-image: url("../images/header.png");
	width: 1600px;
	height: 244px;
	margin: auto;
	position: absolute;
	top: 0px;
}
Tu peux ajouter overflow : hidden ; dans background et header.

Je pense que tu devrais réduire la taille de ton image en largeur.

Une autre solution est de faire une image assez petite que tu répète en x et y.
Avidement cette solution fonctionne avec des images de type motif ou des textures.

Si tu me donne ton url de site ça pourrait nous aider à t'aider Smiley cligne
Faudrait surtout commencer par mettre l'image en background du body et pas dans une div avec une largeur définie. A moins qu'il y est une contrainte spécifique.
Modifié par jb_gfx (16 Jun 2011 - 17:17)
@ jb_gfx : très juste, mais il aura toujours le même problème de largeur avec son header, je pense Smiley cligne