html problème avec résolution de l'écran ?
salut ..
j'ai pas mal lus ici dans le forum ou cherche Alleur mais j'ai trouvé ou pas compris ,je débute avec les site web et j'ai fais une page mais j'ai un gros problème dans le résolution de l'écran avec ma page web , j'explique , j'ai fais ma page avec Dreamweaver 8 en mode affichage 1024x768 , mais quand je met mon site au résolution supérieure je vois un grand vide sur le coté droite , j'ai testé au niveau de js ou modifier css mais rien marche , pour info j'ai fais ma page pixel , voila je vous expose mon code html et je vous merci ..
Code:
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
| <!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=iso-8859-1" />
<title>** </title>
<style type="text/css">
<!--
body {
background-image: url(fond.jpg);
}
#Layer1 {
position:absolute;
width:585px;
height:124px;
z-index:1;
left: 2px;
}
#Layer2 {
position:absolute;
width:367px;
height:861px;
z-index:2;
left: 629px;
top: 14px;
}
#Layer3 {
position:absolute;
width:470px;
height:34px;
z-index:3;
left: 55px;
top: 188px;
}
#Layer4 {
position:absolute;
width:602px;
height:436px;
z-index:4;
left: 12px;
top: 273px;
}
#Layer5 {
position:absolute;
width:516px;
height:64px;
z-index:1;
left: -609px;
top: 729px;
}
#Layer6 {
position:absolute;
width:103px;
height:92px;
z-index:5;
left: 495px;
top: 727px;
}
#Layer7 {
position:absolute;
width:617px;
height:42px;
z-index:1;
left: 161px;
top: 757px;
}
#Layer8 {
position:absolute;
width:558px;
height:21px;
z-index:1;
left: 239px;
top: 605px;
}
.Style2 {
font-size: medium;
font-weight: bold;
}
.Style3 {color: #FF6633}
-->
</style></head>
<body>
<div id="Layer1"><img src="Slogant.png" alt="" width="584" height="145" /></div>
<div id="Layer2"><img src="Cote--Droit.png" width="366" height="860" />
<div id="Layer5"><img src="Banner2.jpg" width="516" height="63" /></div>
</div>
<div id="Layer3"><a href="http://www.monsite.com"><img src="Home.jpg" width="100" height="33" border="0" /></a> <a href="http://www.monsite.com/contact.html"><img src="Contact.jpg" width="100" height="33" border="0" /></a> <a href="http://http://www.monsite.com"><img src="Upload.jpg" width="200" height="33" border="0" /></a> <img src="Suite-Boutons.png" width="55" height="33" /></div>
<div id="Layer4"><img src="Gauche-PC.png" width="603" height="441" />
<div id="Layer8">
<p align="left" class="Style2"><span class="Style2">Copyright © 2011 Tous droits réservés 2 PRINT-DZ.COM® -<a href="http://www.monsite.com" class="Style3">Design By **</a></span></p>
</div>
</div>
<div id="Layer6"><img src="Repere.png" width="113" height="96" /></div>
</body>
</html> |
