Dimension Page

Résolu/Fermé

bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 - 4 déc. 2010 à 15:29
bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 - 8 déc. 2010 à 13:37

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

Réponse 1 / 3

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
Modifié par arthezius le 7/12/2010 à 18:25

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. »

Réponse 2 / 3

bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 3
7 déc. 2010 à 15:16

UP UP

Réponse 3 / 3

bluenette Messages postés 213 Date d'inscription lundi 25 mai 2009 Statut Membre Dernière intervention 21 mars 2019 3
8 déc. 2010 à 13:37

Merci beaucoup beaucoup, c'est top :)

Discussions similaires

Dimensions L x l x H : comment lire ces infos ?