pb de cadrage avec float

**edennnnn** · 02/07/2008, 14h16

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>

**pop_up** · 02/07/2008, 14h23

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 :

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

**edennnnn** · 02/07/2008, 16h43

effectivement tout venait de l espace
merci

pb de cadrage avec float

CSS

Vue hybride

Discussions similaires

Partager

Partager