Dimension Page

Résolu
bluenette Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   -  
bluenette Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,


Sur mon site internet que je suis en train de créer, l'image de fond d'écran est pile cadrée sur mon navigateur quand je l'ouvre (Google Chrome), mais une amie sur mozzilla l'a en tout petit.

Voir :http://www.perigordgite.fr

Quelqu'un connait-il des codes a insérer pour qu'automatiquement l'image s'aligne aux dimensions du navigateur?

Merci beaucoup
A voir également:

3 réponses

arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
Y'a des erreurs:
<link rel="stylesheet" media="screen" type="text/css" title="Design espace" href="style.css" /s 

à remplacer par:
<link rel="stylesheet" media="screen" type="text/css" title="Design espace" href="style.css" />


<img src="images/image_de_fond_accueil.jpg" width="100%" height="100%">

à remplacer par:
<img src="images/image_de_fond_accueil.jpg" width="100%" height="100%"  alt="" />


Tu peux essayer ça sinon:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<meta name="description" content="Le gite de la famille Borie. Gite rural dans le Perigord, idéal pour passer d'agréables vacances" /> 
<meta name="keyword" content="Gite, Perigord, Borie, Jean Michel, Claire, Location, Semaine, Week-end, campagne, vacances, beaumont, monpazier, pas cher, chèque vacances, agréable, calme, silencieux, animaux, enfants, 5, 6, 4, 3, 2, deux, trois, quatre, cinq, six, personnes, piscine, chauffage, chauffée" /> 
<title>Le gîte de la famille Borie.</title> 
<link rel="stylesheet" media="screen" type="text/css" title="Design espace" href="style.css" /> 
<style type="text/css"> 
div#bg{position: fixed;top: 0px;left: 0px;z-index:-5;height: 100%;width: 100%;} 
div#bg img{width: 100%;height:100%;} 
div#container{width: 800px;background: #fff;position: absolute;top:20px;left: 50%;margin-left: -400px;} 
</style> 
</head> 
<body> 
<div id="bg"> 
<img src="images/image_de_fond_accueil.jpg" /> 
</div> 
</body>

Toutefois, sur un grand écran, l'image est déformé et ça devient assez moche (1440x900px).

« La recherche commence là où s'arrête la connaissance. »
1
bluenette Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   3
 
UP UP
0
bluenette Messages postés 213 Date d'inscription   Statut Membre Dernière intervention   3
 
Merci beaucoup beaucoup, c'est top :)
0