DIV wil niet naar links.

**Bas M.** · 14-10-2008, 15:47

Hoi SD'ers,

Ik ben bezig om mijn ontwerp in CSS te maken.

Dit is mijn ontwerp: klik hier

Dit is mijn code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tesitng</title>

<style type="text/css">
.header
{
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0px;
}
.content
{
    float: left;
    left: 0px;
}
</style>
</head>

<body>
<div class="header"><img src="images/geslict_01.png" width="100%" /></div>
<div class="content"><img src="images/geslict_03.png" /></div>
</body>
</html>

De DIV content wil niet naar links toe. Want nu zit er nog een klein wit randje.
klik hier

En als ik de position op absolute zet, dan zit hij wel helemaal links. Maar als ik dan inzoem dan gaat hij over de oranje balk heen. Of als ik de resolutie vergoot gaat hij ook over de oranje balk heen. (dan zet ik natuurlijk wel in de div: top: 20px;)
Klik hier

Ik hoop dat jullie hierbij mijn probleem snappen en kunnen helpen.

Mvg,
BMVisuals

**Dries Steenhouwer** · 14-10-2008, 16:03

probeer eens

.content
{
float: left;
left: 0px;
margin: 0px;
}

**Richard Verkerk** · 14-10-2008, 16:06

body {
margin: 0;
padding:0;
}

Misschien dat dit helpt

**Bas M.** · 14-10-2008, 17:11

nee, het lukt nog steeds niet...

**Jeroen Kamphuis** · 18-10-2008, 17:12

moet deze div ook 100% breed worden? css:

body{
margin: 0px;
}

.content
{
float: left;
width: ...;
height: ...;
backgorund: url(/images/geslict_03.jpg) repeat-x;
}

?? en zo?

**MelvinKooper** · 18-10-2008, 17:36

Beste,

Dit zou moeten werken:

Code:

body{
    margin:0px;
}
.header
{
    position: fixed;
    right: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0px;
}
.content
{
    float: left;
     margin-left: 0px;
}

mvg,

Melvin Kooper

**Bas M.** · 19-10-2008, 11:06

Even testen...

Yes! Eindelijk, bedankt jongens.
Aanvullend bericht:
Umh...

Nu zit ik met het volgende probleem. Ik kan nu geslict_05 niet naar beneden krijgen. waarschijnlijk door de div body margin 0.

Hier is nog een screenshot van wat ik bedoel: Klik hier

dit is de code wat ik gebruik:

Code:

<style type="text/css">
body{
    margin:0px;
}
.geslict_01
{
    position: fixed;
    right: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0px;
}

.geslict_02
{
    float: left;
    margin-left: 0px;
} 

.geslict_05
{
    float: left;
    margin: 50px;
    top: 50xp;
} 
</style>

<div class="geslict_01"><img src="images/geslict_01.png" width="100%" /></div>
<div class="geslict_02"><img src="images/geslict_02.png" /></div>
<div class="geslict_05.png"><img src="images/geslict_05.png" /></div>

**J. Dohmen** · 23-10-2008, 10:06

Ik kan je sowieso aanraden een externe CSS-file aan te maken. Zo hoef je later bij andere pagina's alleen de file aan te roepen, in plaats van een hele lap gegevens in je HTML-pagina.

**Bas M.** · 29-10-2008, 15:40

nee. Ik heb maar 1 pagina omdat ik met flash werk...

DIV wil niet naar links.