Placement de div

**singleProject** · 07/07/2008, 10h29

Bonjour,

j'ai des <div> que je n'arrive pas à placer correctement.

voila ce que j'ai actuellement sur mon site

et voila ce que j'aimerais :

Pour la partie en vert, je ne vois pas quel propriété je peux mettre dans ma CSS pour avoir ce que je souhaite.

si je met Float alors le jaune s'entrecale et se superpose avec la partie verte etc ...

Merci

**pop_up** · 07/07/2008, 10h33

Peux tu mettre ton code pour que l'on puisse t'aider et te dire quoi modifier ?

merci

**laurentibus** · 07/07/2008, 10h35

utilise l attribut margin

**singleProject** · 07/07/2008, 10h48

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
/*  PROCES-DATA Flow List : On the Left */
#contentLeft {
	background-color:#c13000;  /* rouge */	
}
 
/* view of Extracting Data Flow Information : On the Right */
#contentRight {
	background-color:#ffff00; /* jaune */
 
}

ce qu'il y en vert c'est un tableau <table>... heu c'est tout.

Envoyé par laurentibus

utilise l attribut margin

Code :

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

1
2
3
#contentLeftListProces {
	margin-top: 10px ;
}

je viens de mettre le tableau vert entre des <div class="contentLeftListProces ">
qui lui est entre des <div> dans le rouge, mais ca change rien ...

[EDIT] je sais pas si je vous ait donné toutes les info ca me semble léger, je bidouille mais bon ...

si vous avez d'autre info ou exemple ...

Merci.

**laurentibus** · 07/07/2008, 11h19

envoie le code entier stp

**pop_up** · 07/07/2008, 11h29

Voici un exemple de code qui permet de faire ta mise en page.

Après il faut y mettre du contenu dedans et adapter a ce que tu désires avoir.

Je t'ai mis aussi un tableau pour le bloc vert.

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang=fr xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>test</TITLE>
<META http-equiv=Content-Type content="application/xhtml+xml; charset=iso-8859-1">
<style>
#summary {
    background-color: red;
    width: 20%;
    float: left;
}
 
#content {
    background-color: yellow;
    width: 80%;
    overflow: auto;
 
}
 
table {
    background-color: green;
    width: 98%;
    margin: 1%;
}
 
</style>
 
</HEAD>
<body>
<div id="summary">
    <table>
        <tr><td>tableau</td></tr>
    </table>
    &nbsp;<br /><br /><br /><br /><br /><br />
 
</div>
<div id="content">
&nbsp;<br /><br /><br /><br /><br /><br /><br />
</div>
</body></html>

Placement de div

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager