Problème sur le zoom

**likoo_01** · 08/09/2012, 04h43

J'ai quelque dificulté sur le css lorsque je fait un zoom le logo ne reste pas fix avec le body

voila le problème

Lorsque je fait le zoom

Voilà mon code css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#conteneur{
	width:1024px;
	background-color:#CCC;
	margin:auto;
	padding:10px;
	height:800px;
}
#heads{
	position:absolute;
	top:0px;
	top:0px;
	margin:auto;
}
#logo{
	position:absolute;
	top:20px;
	left:200px;
	}

Et voilà le code html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Accueil</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
<div id="conteneur">
<div id="heads"><img src="images/header.png" /></div>
<div id="logo"><img src="images/logo.png" /></div>
 
</div>
</body>
</html>

Merci d'avance

**NoSmoking** · 08/09/2012, 08h57

Bonjour,

Envoyé par likoo_01

J'ai quelque dificulté sur le css lorsque je fait un zoom le logo ne reste pas fix avec le body

voila le problème

ce qui est surprenant c'est que voulant "fixer" par rapport au BODY tu mettes ton heads et logo dans conteneur, il eut mieux valu dans ce cas faire

Code html :

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

1
2
3
4
5
<div id="heads"><img src="images/header.png" /></div>
<div id="logo"><img src="images/logo.png" /></div>
<div id="conteneur">
<!-- le contenu -->
</div>

Sinon pourquoi ne regarder du côté de la position:fixed.

Que devient ta mise en page sur les écrans "larges", un logo complétement à gauche et ton contenu centré, peut être plus intéressant de mettre cela dans une DIV entête!
...

**likoo_01** · 08/09/2012, 12h05

Mercii NoSmoking, mais désoler j'ai rien compris, tu ma dit (tu mettes ton heads et logo dans conteneur) j'ai fait sur le code et ça na rien donner, et pour position:fixed je ne c'est pas comment je peux l'utiliser ? je veux que mon site soit supporter avec tout les dimension d’écran.

**NoSmoking** · 08/09/2012, 12h52

Envoyé par likoo_01

(...) mais désoler j'ai rien compris, tu ma dit (tu mettes ton heads et logo dans conteneur)(...)

il faut lire la phrase en entier

Envoyé par NoSmoking

(...)c'est que voulant "fixer" par rapport au BODY tu mettes ton heads et logo dans conteneur(...)

cela n'a plus le même sens.

As tu essayé la structure que je t'ai proposé?

Pour la position:fixed

Code html :

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

1
2
3
4
5
6
7
<div id="fixe">
  <div id="heads"><img src="images/header.png" /></div>
  <div id="logo"><img src="images/logo.png" /></div>
</div>
<div id="conteneur">
<!-- le contenu -->
</div>

avec comme CSS

Code css :

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

1
2
3
4
5
#fixe{
  position:fixed;
  top:0;
  left:0;
}

http://torgar.developpez.com/glossai....php#aposition

**likoo_01** · 11/09/2012, 14h50

Parfait merci beaucoup Nosmoking de votre réponse

Problème sur le zoom

CSS

Vue hybride

Discussions similaires

Partager

Partager