100% Div // Dubbele Border

door **Rik** » 01 dec 2005 19:45

Hallo ,

Ik wil twee Div's naast elkaar plaatsen.
Een is 30% en de ander 70%.
Alleen lijkt het nu alsof het scherm maar voor iets van 95% is.
Hij plaatst de eerste boven de tweede.
Aan de rechterkant laat hij nog een klein stukje zonder Div.
Mijn code:
[syntax="html"]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Draft//EN">
<html>

<head>
<title>Test site</title>
<style type="text/css">
body {
background:#007;
color:#FFF;
text-align:center;
}
a:link{
text-decoration:none;
font-style:italic;
color:#FFF;
}
a:active{
text-decoration:none;
font-style:italic;
color:#FFF;
}
a:visited{
text-decoration:none;
font-style:italic;
color:#FFF;
}
a:hover{
text-decoration:underline;
font-style:italic;
color:#FFF;
}
#alles{
width:70%;
}
#central{
width:100%;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
text-align:left;
}
#titel{
width:70%;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
border-top:1px solid #FFF;
text-align:left;
float:left;
}
}
#datum{
width:30%;
border-right:1px solid #FFF;
border-top:1px solid #FFF;
text-align:left;
float:right;
}
</style>
</head>

<body>
<div id="alles">
<div id="titel">Test</div><div id="datum"></div>
<div id="central">Dit is een <a href="gff">Link</a>.<br />Test.</div>
</div>
</body>
</html>
[/syntax]
En ik heb nog een vraag.
Is het ook mogelijk dat als 2 borders tegen elkaar aan komen dat die dan verkleind worden zodat 't 1 lijkt?
Alvast bedankt ,

Bloe

door **Anthony** » 01 dec 2005 21:11

je div #alles zorgt ervoor dat je pagina maar 70% breed is

2 divs naast elkaar plaatsen doe je als volgt

[syntax="html"]<div id="container">
<div id="links">
</div>
<div id="rechts">
</div>
</div>[/syntax]

[syntax="css"]#container {width:100%;}
#links {
width:30%;
float:left;
}
#rechts {
width: 70%;
float:left;
}[/syntax]

door **Rik** » 02 dec 2005 06:54

Bedankt voor de reactie.
Maar dat is niet helemaal wat ik bedoel.
Die 3 Div's moeten in het totaal maar 70% van 't beeldscherm innemen.
Hij laat aan het rechtergedeelte van die 2e Div een stukje open.
Hier is voor de duidelijkheid een screenshot.

Ik hoop dat het nu duidelijker is.

door **julien** » 02 dec 2005 08:26

Moet je je padding en margin niet telkens op 0 zetten? Ik denk dat je door gewoon 30% en 70% verder dan 100% uitkomt.
http://www.sitemasters.be/?pagina=tutor ... at=2&id=90

door **Rik** » 02 dec 2005 17:13

Ook bedankt voor de reactie.
Dit werkt helaas ook niet.

door **Anthony** » 02 dec 2005 18:19

Als je natuurlijk leuk gaat doen door borders te gebruiken gaat de width methode in % niet op ...

Een boord wordt meegerekent bij de breedte, dus je zou met pixels moeten werken, dit is ook beter.

door **KillerSponge** » 02 dec 2005 19:29

Daar ben ik het niet mee eens, want als je met pixels werkt past de lay-out zich niet aan aan de resolutie van de gebruiker.

door **mats** » 02 dec 2005 19:47

door **Rik** » 02 dec 2005 20:05

door **Derk** » 02 dec 2005 21:41

door **mats** » 02 dec 2005 21:57

door **KillerSponge** » 02 dec 2005 22:01

door **mats** » 02 dec 2005 22:03

door **KillerSponge** » 02 dec 2005 22:58

door **Anthony** » 03 dec 2005 09:14

Kan hij niet werken met borders

door **Rik** » 03 dec 2005 09:32

door **Anthony** » 03 dec 2005 09:35

door **KillerSponge** » 03 dec 2005 09:37