pb de cadrage avec float

Version imprimable

02/07/2008, 14h16
edennnnn

pb de cadrage avec float

bonjour,

voila mon probleme, les deux blocs sont bien positionnés, mais la marge a gauche du DIV workspace ne s'afiche pas

Si vous avez une explication je suis preneur

je suis sous firefox 2

merci d'avance

#menu
{
background-color: gray ;
float : left ;
height : 500px ;
width : 200px ;
border-left : 1px solid gray ;
border-right : 1px solid Gray ;
border-top : 1px solid gray ;
border-bottom: 1px solid Gray ;
}

#workspace
{
background-color: green ;
float : left ;
height : 500px ;
margin-left : 20 px ;
}

<DIV ID="menu" CLASS="menu">

<p>
MENU PLANNING
</p>

</DIV>

<DIV ID="workspace" CLASS="workspace">

Bonjour

<br>
bonjour </DIV>

il ne faut pas d'espace entre 20 et px

deplus tu n'as pas besoin de mettre id et class dans tes div mais que l'id car tu as mis dans ta css le symbole "#"

voici un code qui marche :

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
<!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>
#menu
{
background-color: gray ;
float : left ;
height : 500px ;
width : 200px ;
border-left : 1px solid gray ;
border-right : 1px solid Gray ;
border-top : 1px solid gray ;
border-bottom: 1px solid Gray ;
}
 
#workspace
{
background-color: green ;
float : left ;
height : 500px ;
margin-left : 20px ;
}
</style></HEAD>
<body>
<div id="menu">
    <p>
    MENU PLANNING
    </p>
 
</div>
<div id="workspace">
Bonjour
<br>
bonjour
</div>
</body></html>

;)

02/07/2008, 16h43
edennnnn

merci

effectivement tout venait de l espace
merci