Trop de DIV tue les DIV.

Bonjour,

Mon problème est assez simple pour quelqu'un qui maitrise les CSS.
En effet, j'ai un problème pour placer mon bord de design sur la droite alors je me suis débrouillé comme je peux avec un positionnement absolu.
Ensuite j'ai un autre problème c'est pour écrire et mettre des liens sur mes images...
Comme vous pouvez le voir sur le screenShoot cela ne marche pas...
C'est assez triste et j'ai du mal avec les DIV

Je suis donc ce soir devant vous pour que vous puissiez m'apporter du soutien.

Et encore une question, est ce que je peux faire pour que mon DIV corps s'agrandisse au milieu....Car quand je met un grand texte cela dépasse le footer...

J'ai toujours programmer en tableau avant donc je suis pas trop habitué au DIV.

SCreenSHOOT

C'est mieux avec le footer:
Screeshoot footer

Ma page HTML:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
 
 
 
 
 
   <head>
 
 
 
       <title>AkrogAmes Boutique en ligne de produits Hight Tech</title>
 
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
       <link rel="stylesheet" media="screen" type="text/css" title="style" href="design.css" />
 
 
 
   </head>
 
 
 
 
 
   <body>
 
 
<div id="container">
	<div id="header">
		<img src="images/index_01.gif" border="0">
		<img src="images/index_02.gif" border="0">
		<img src="images/index_03.gif" border="0">
		<img src="images/index_04.gif" border="0">
	</div>
 
	<div id="menu">
		<a href="#"><img src="images/index_05.gif" border="0"></a>
		<img src="images/index_06.gif" border="0">
		<img src="images/index_07.gif" border="0">
		<img src="images/index_08.gif" border="0">
		<img src="images/index_09.gif" border="0">
		<img src="images/index_10.gif" border="0">
		<img src="images/index_11.gif" border="0">
		<img src="images/index_12.gif" border="0">
		<img src="images/index_13.gif" border="0">
		<img src="images/index_14.gif" border="0">
		<img src="images/index_16.gif" border="0">
 
		<img src="images/index_20.gif" border="0">
	</div>
 
	<div id="menu1">
		TEST
	</div>
 
	<div id="bordDroit">
	<!-- La il y a un probleme je crois... -->
		<img src="images/index_15.gif" border="0">
	</div>
 
	<!--La div corps pour mettre du grand texte-->
 
	<div id="footer">
		<img src="images/index_22.gif" border="0">
	</div>
</div>
 
</body>
</html>

Mon code CSS:

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
div#container
{
	margin: auto;
	width: 1003px;
}
 
div#header img
{
	float:left;
}
 
div#menu img
{
	float:left;
}
 
div#bordDroit
{
	position: absolute;
	margin-top: 93px;
	margin-left: 996px;
}
 
div#menu1
{
	position: absolute;
	margin-top: 110px;
	margin-left: 25px;
}

Merci de votre aide si vous me comprenez...