Placement de div

Version imprimable

07/07/2008, 10h29
singleProject

Placement de div

Bonjour,

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

voila ce que j'ai actuellement sur mon site

http://www.monsterup.com/upload/1215419493.jpg

et voila ce que j'aimerais :

http://www.monsterup.com/upload/1215419329.jpg

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
07/07/2008, 10h33
pop_up

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

merci ;)
07/07/2008, 10h35
laurentibus

utilise l attribut margin

Code:

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.

Citation:

Envoyé par laurentibus

utilise l attribut margin
Code:

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.

07/07/2008, 11h19
laurentibus

envoie le code entier stp

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:

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>

;)