Titre: adapter le header à toutes résolutions
Posté par: annaluna le le 16-07-2008 a 09:36:49
Bonjour,
Après avoir fait un header pour quelqu'un, impossible de l'adapter à toutes
les résolutions d'écrans.
Mon header à la base à une taille de 1600 px.
Voici ce que j'ai d'inscrit dans le css :
TR.header{
background: #0f0d3e url(yourdesign/header1600.jpg);background-position: center;
}
Si je mets width: 100%, ou background:100% mon header est coupé sur la gauche.
En changeant le pourcentage, ce n'est pas mieux.
Quelqu'un pourrait-il m'aider, je n'y comprends rien.
Merci par avance |
Titre: Re:adapter le header à toutes résolutions
Posté par: MarvinLeRouge le le 16-07-2008 a 09:47:51
Salut,
Tu ne peux pas dire à un background de faire "100% de la largeur" : les backgrounds ne sont pas redimensionnés.
Une option : faire un background qui supporte graphiquement d'être coupé sur les côtés (éventuellement), et le positionner centré :
background : url("yourdesign/header1600.jpg") #0f0d3e 50% 0 no-repeat; |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|