Problème de positionnement

**liily34** · 01/01/2008, 18h29

Bonjour j'ai un problème pour positionner un de mes contenu (home) se decale par rapport aux dimensions que j'ai donné et je ne comprend pas pourquoi puisque le (menu) se postionne ou je souhaite ! voici une capture d'ecran pour mieu vous montrer mon probleme http://www.elem-web.fr/pbposition.jpg

Code css :

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
#site {background: url('http://www.elem-web.fr/design7.jpg')no-repeat top left;}
 
 
#home{
		position:absolute;
		top:410px;
		left:280px;
		width:530px;
		height:1000px;
		background-color: transparent;
		overflow : auto;}
 
 
 
#menu{
		position:absolute;
		top:410px;
		left:90px;
		width:211px;
		height:250px;
		background-color: transparent;}

Code html :

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<html>
<head>
  <link rel="stylesheet" type="text/css"
 href="http://www.elem-web.fr/style.css">
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Elem-Web, le site officiel</title>
</head>
<body>
<div id="site">
<p><img style="width: 1024px; height: 1480px;"
 src="http://www.elem-web.fr/design7.jpg" usemap="#ma_map"
 alt="" border="no"></p>
<!-- tag -->
<div id="menu">
<h1> - menu -</h1>
<div style="text-align: left;"><a
 href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>
<a href="http://www.elem-web.fr/home.html">HOME</a>
<br>
<a href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>&nbsp;<a
 href="http://www.elem-web.fr/elem.html">ELEM</a>
<br>
<a href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>
<a href="http://www.elem-web.fr/media.html">MEDIA</a>
<br>
<a href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>
<a href="http://thierryamielweb.free.fr/galerie/index.php">GALERIE</a>
<br>
<a href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>
<a href="http://elem-web.zikforum.com/">FORUM</a>
<br>
<a href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>
<a href="http://www.elem-web.fr/site.html">SITE</a>
<br>
<a href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>
<a href="http://www.elem-web.fr/www.html">WWW</a>
<br>
<a href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>
<a href="http://www.elem-web.fr/radioblog/index.htm">RADIO
BLOG</a>
<br>
<a href="http://www.elem-web.fr/home.html"><img
 style="border: 0px solid ; width: 9px; height: 9px;" alt=""
 src="http://www.elem-web.fr/iconsite/notebook.gif"></a>
<a href="http://www.myspace.com-elemforever">MYSPACE</a>
<br>
<!-- BEGIN CBOX - http://www.cbox.ws -->
<div id="cboxdiv" align="center"><iframe
 src="http://www3.cbox.ws/box/?boxid=2116311&amp;boxtag=9293&amp;sec=main"
 marginheight="2" marginwidth="2" allowtransparency="yes"
 name="cboxmain" style="border: 0px solid ;" id="cboxmain"
 frameborder="0" height="150" scrolling="auto"
 width="172"></iframe><br>
<iframe
 src="http://www3.cbox.ws/box/?boxid=2116311&amp;boxtag=9293&amp;sec=form"
 marginheight="2" marginwidth="2" allowtransparency="yes"
 name="cboxform"
 style="border-style: none solid solid; border-color: -moz-use-text-color; border-width: 0px;"
 id="cboxform" frameborder="0" height="75"
 scrolling="no" width="170"></iframe>
</div>
<!-- END CBOX -->
</div>
<div id="home">
<p class="home">
<script type="text/javascript" language="javascript">
<!--
IS_query_string=window.location.search.substr(1,window.location.search.length-1);
IS_query_string=IS_query_string.split('&');
IS_page=IS_jour=IS_mois=IS_annee=IS_idnews=0;
IS_keyword='';
for(i=0;i < IS_query_string.length;i++)
{
if(IS_query_string[i].indexOf('page=') != -1)
{
IS_page=IS_query_string[i].substr(5,IS_query_string[i].length-5);
}
else if(IS_query_string[i].indexOf('keyword=') != -1)
{
IS_keyword=IS_query_string[i].substr(8,IS_query_string[i].length-8);
}
else if(IS_query_string[i].indexOf('jour=') != -1)
{
IS_jour=IS_query_string[i].substr(5,IS_query_string[i].length-5);
}
else if(IS_query_string[i].indexOf('mois=') != -1)
{
IS_mois=IS_query_string[i].substr(5,IS_query_string[i].length-5);
}
else if(IS_query_string[i].indexOf('annee=') != -1)
{
IS_annee=IS_query_string[i].substr(6,IS_query_string[i].length-6);
}
else if(IS_query_string[i].indexOf('idnews=') != -1)
{
IS_idnews=IS_query_string[i].substr(7,IS_query_string[i].length-7);
}
}
document.write('<scr'+'ipt type="text/javascript" language="javascript" src="http://www.i-services.net/membres/newsbox/newsbox.php?user=106271&amp;idbox=36045&amp;page='+IS_page+'&amp;url_page='+escape(document.location.href)+'&amp;keyword='+IS_keyword+'&amp;annee='+IS_annee+'&amp;mois='+IS_mois+'&amp;jour='+IS_jour+'&amp;idnews='+IS_idnews+'"><'+'/scr'+'ipt>');
//-->
</script></p>
<div style="text-align: center;">
<p>Visiteurs :</p>
<script type="text/javascript" align="center"
 language="javascript"
 src="http://www.i-services.net/membres/compteur/compteur.php?user=106271&amp;idcpt=85902&amp;cache=0&amp;read_only=0"></script>
</div>
</div>
</div>
</div>
</body>
</html>

J'espere que quelqu'un pourra m'aider
Merci d'avance
Aurélie

**Bisûnûrs** · 02/01/2008, 13h45

Commence par mettre un DOCTYPE :

http://xhtml.developpez.com/faq/?pag...#html_doctypes

**liily34** · 02/01/2008, 15h45

Il y en a un je ne l'avais pas mis ici car je le pensais inutile de vous le montrer et je voulais alleger un peu mon message sinon sur ma page j'ai mis ceci en doctype

Code html :

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

**Bisûnûrs** · 02/01/2008, 16h21

Il n'est pas complet ... Regarde le lien que je t'ai donné et complète-le avec la bonne URL.

**liily34** · 02/01/2008, 19h34

Voila je l'ai complété avec ceci

Code html :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

mais mon problème de décalage est toujours là..

**Bisûnûrs** · 02/01/2008, 19h50

Heu, tu as mis ton div home dans ton div menu, donc avec un top de 410px il se positionne non pas par rapport au haut de la fenêtre mais par rapport au haut du menu.

Mets top:0 à home ou enlève home de ton menu.

Problème de positionnement

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager