probleme de div

**jfrag** · 27/11/2007, 17h14

Bonjour

voila j'ai une div qui est mon menu gauche et une autre le contenu de ma page

je voudrai que la div gauche prenne la meme taille que ma div contenu

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
#blok
{
	height:100%;
}
#bord_G
{
	position:absolute;
	width:200px;
	background-image:url(img/bord_gauche_pix.gif);
	background-repeat:repeat-y;
}
 
#corp
{
	margin-left:220px;
	margin-right:20px;
	text-align:justify;
}

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
<body>
	<div id="logo"></div>
	<div id="ban_pix"></div>
	<img src="img/bord_arr.gif" />
 
    <div id="blok">
    <div id="bord_G">
        <table cellspacing="0" cellpadding="0" border="0">
            <tr>
            	<td style="font-size:14px;"><b>Bienvenue, Dr CHOMIENNE.</b></td>
            </tr>
            <tr>
            	<td>Mon compte</td>
 
            </tr>
            <tr>
            	<td>Deconnexion</td>
            </tr>
        </table>
        <br />
        <br />
        <table>
 
        	<th align="left	">| Menu |</th>
            <tr>
            	<td><a class="B_menu" href="">Fiches Patients</a></td>
            </tr>
            <tr>
            	<td><a class="B_menu" href="">Dossiers</a></td>
            </tr>
 
            <tr>
            	<td><a class="B_menu" href="">Nouveaux Patients</a></td>
            </tr>
            <tr>
            	<td><a class="B_menu" href="">Installation avec PJ</a></td>
            </tr>
        </table>
        </div>
 
        <div id="corp">
        <table>
            <th>Lorem Ipsum</th>
            <tr>
                <td>
Itaque tum Scaevola cum in eam ipsam mentionem incidisset, exposuit nobis sermonem Laeli de amicitia habitum ab illo secum et cum altero genero, C. Fannio Marci filio, paucis diebus post mortem Africani. Eius disputationis sententias memoriae mandavi, quas hoc libro exposui arbitratu meo; quasi enim ipsos induxi loquentes, ne 'inquam' et 'inquit' saepius interponeretur, atque ut tamquam a praesentibus coram haberi sermo videretur.
                 </td>
             </tr>
        </table>
        </div>
        </div>
</body>

merci pour votre aide

**BnA** · 27/11/2007, 17h22

Juste quelques observations vite faites...

- Pourquoi utilise-tu des tableaux à l'intérieur de tes DIV? Ok, parfois ça peut se justifier, mais dans ton cas, je ne pense pas que ça soit utile, au contraire! Ca alourdi ton code plus qu'autre chose...

- Pour ton menu, pourquoi ne pas simplement utiliser un <ul>?

- Je te conseille de suivre les Cours sur le (x)HTML ainsi que sur le CSS afin de comprendre les différents concepts de positionnements... Parce que ton positionnement absolu est facultatif, et tu ne t'occupes pas du positionnement du reste...

Courage!

**jfrag** · 27/11/2007, 17h32

je suis d'accord avec toi au niveau du tableau avec lorem ipsum pour mon menu j'ai decidé de le faire ainsi chacun ses gouts !!!

ma position absolute ecite que mon corp ne descende en dessous de mon menu !

n'a tu pas d'aide ?

**BnA** · 27/11/2007, 18h12

Bah l'aide que je peux te donner, c'est te dire d'apprendre à coder proprement...

Sinon tu peux faire ceci pour tes 2 colonnes.

- Tu crèe 1 DIV que tu appelle "container";
- Dans #container, tu crèes 2 DIV, respectivement #colG et #colD;

Dans ton CSS:

Code :

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

1
2
3
 
#colG { width: 350px; height: 400px; float: left; background-color: #333; } 
#colG { width: 350px; height: 400px; float: left; }

probleme de div

CSS

Vue hybride

Discussions similaires

Partager

Partager