Css hulp | CriminalsPoint

Goededag allemaal,

Hierbij vroeg ik mij af wat ik fout doe in mijn css.
in principe ben ik er wel goed in maar ik loop vast wanneer ik te maken krijg met bijvoorbeeld een 3 kolommen layout.
Het probleem is stel ik zou in de content een enter plaatsen dan worden mijn zij kolommen ook met de enter naar beneden geschoven.
Ik kan op google ook niet een goede uitleg vinden.

de html

	Code \| Selecteer Alles


<html>

<head>

<title>testing html</title>

<link rel="stylesheet" type="text/css" href="style.css"/>

</head>

<body>

    <div id="container"/>

        <div id="header"/>header</div>

        <div id="content"/>content</div>

        <div id="leftmenu"/>leftmenu</div>

    </div>

</body>

</html>

De css

	Code \| Selecteer Alles


body {

    width:100%;

    height:100%;

    margin:0;

    background:#000;

    text-align:center;

}



#container {

    position:relative;

    margin-left:auto;

    margin-right:auto;

    width:800px;

    font-family:verdana;

    font-size:8pt;

    background:#FFF;

}



#header {

    width:800px;

    height:200px;

    background:yellow;

}



#content {

    width:400px;

    margin:0 200 0;

    background:brown;

}



#leftmenu {

    margin-bottom:100;

    width:200px;

    height:100px;

    background:blue;

}

screenshot van de afwijkende linke menu met het content

http://imageshack.us/photo/my-images/252/naamloosxh.jpg/

Alvast bedankt!.

Xize

29-10-2011 18:47

Dit topic is 86 keer bekeken door 26 verschillende leden

Reacties op: "css hulp"

brandon192

Berichten: 118

float gebruiken bij content en leftmenu.

dus bij #content
float:right;
en bij #leftmenu
float:left;

vergeet niet een class te maken .clear
en daarin zetten clear:both;

29-10-2011 18:51

Killingdevil

Berichten: 2123

Al je div's sluit je direct af ( <div .. /> ), dit moet je niet doen omdat je ook een sluittag hebt ( </div> ). Je moet de slashes dus weghalen.

Je sluit je tags altijd of direct af: