Trop de DIV tue les DIV.

**akrogames** · 03/03/2008, 18h26

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 :

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
<!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 :

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
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...

**Halleck** · 04/03/2008, 10h20

Code :

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

1
2
3
position: absolute;
	margin-top: 93px;
	margin-left: 996px;

[

Ca me parait douteux

Perso j'aurai fait :

Code :

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

1
2
3
4
 
position:absolute;
right:0px;
top:93px;

Mais bien sûr si tu veux que ta page ait toujours la même largeur, ça va créer des problèmes lors du redimmensionnement de la page.

Après, je ne suis pas un expert non plus du CSS, il doit y avoir autre chose, ptet avec float:right; notemment.

En espérant t'aider

Trop de DIV tue les DIV.

CSS

Vue hybride

Discussions similaires

Partager

Partager