Probleme balise div

**jabou** · 29/01/2010, 21h49

Bonjour,
j'aimerais fixer une balise div sur ma page à un endroit bien précis mais je n'y arrive pas comment faire? Voici le code utilisé:

Code :

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

1
2
3
4
5
6
7
div.plan
{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-top:140px;
}

J'ai essayer d'utiliser " position:fixed; "
mais je ne peu pas placer la balise ou je veux dans ma page.

**goomazio** · 29/01/2010, 22h56

Bonjour,

Avec la valeur absolute tu devrais pouvoir placer ton calque où tu veux.

Code :

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

position: absolute;

**jabou** · 29/01/2010, 23h15

Cela ne marche pas... La balise est à la bonne position dans ma page mais seulement sur l'axe horizontal. J'aimerais positionner une balise sur ma page et que quand on descend dans la page ou que l'on réduit/agrandit la fenêtre elle reste au même endroit (cad en dessous de ma baniere).

**sebhm** · 30/01/2010, 00h31

alors fixed doit etre la solution mais ca depend de la version de ton navigateur

montre nous ton code complet HTML + CSS

**jabou** · 30/01/2010, 00h40

Htm:

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
19
20
21
22
23
24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><link rel="stylesheet" media="screen" type="text/css" title="Test" href="css/mon css.css"/>
<title>Shigeru Miyamoto_Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Evolution;communication" />
</head>
<!--Span est utilisé pour créer des colonnes (blocs côte à côte). Div est utilisé pour créer des blocs les uns en dessous des autres.
Imbriquer des Div dans des Span n'est pas valide XHTMLement parlant -->
<body id="up">
<div class="plan">
  <h4><img src="css/puce1.jpg"/> Accueil</h4>
</div>
<div class="sous_plan">
<h2 id="Biographie" ><a href="biographie/biographie.htm"title="En savoir plus!">Biographie</a></h2>
	 <p>Shigeru Miyamoto, né le 16 novembre 1952, est un créateur japonais de jeu vidéo. Il est le créateur des franchises Super Mario, Donkey Kong, The Legend of Zelda, Star Fox, F-Zero et Pikmin pour le compte de Nintendo. Il a également supervisé de nombreux titres édités par Nintendo et développés par d'autres studios. Il est actuellement directeur général de Nintendo EAD.
	 </p>
 <h2 id="Oeuvres"><a href="oeuvre/oeuvre.htm"title="En savoir plus!">Ses oeuvres</a></h2>
	 <p>Shigeru Miyamoto est considéré comme une des plus grandes figures du jeu vidéo, surnommé le « Spielberg des jeux vidéo » ou encore « l'inventeur du jeu vidéo moderne ». En 1998, il a été la première personne à entrer au Hall of Fame de l'Academy of Interactive Arts and Sciences.
	 </p>
 <h3 id="remonter"><a href="#up">Remonter</a></h3>
</div>
</body>
</html>

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
/* CSS Document */
body
{background-image:url("baniere.jpg");
background-repeat:no-repeat;
background-position:top;
background-attachment:fixed;
}
div.plan
{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-top:140px;
}
div.sous_plan
{	
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-top:140px;
}
blockquote
{font-style: italic;
font-size:small;
text-align:center;
margin-top:70px;
}
p
{font-size:16px;
}
h1
{color:black;
font-size:x-large;
text-align:center;
}
h2
{color:#375D81;
font-size:medium;
}
h3
{font-size:medium;
font-weight:bold;
}
#remonter
{ font-size:x-small;
}
th
{background-color:#6699FF;
}
tr
{background-color:#6699FF;
}
a
{color:#6600FF;
}
a:hover
{color:green;
}
#menu
{text-decoration:none;
color:#6600FF;
}
#menu:hover
{color:#6666FF;
}
td a
{text-decoration:none;
}

**goomazio** · 30/01/2010, 09h38

Ton but c'est d'avoir une bannière (le calque plan) et en dessous la page (le calque sous_plan) ? (voir miniature)

J'ai juste modifié ceci :

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
 
div.plan
{
    width:780px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    border: 1px solid green;
    height: 100px;
}
div.sous_plan
{    
    width:780px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    border: 1px solid red;
}

Probleme balise div

CSS

Vue hybride

Discussions similaires

Partager

Partager