[div] 3 div blokken naast elkaar
Ben even bezig met DW om 3 div-class ipv onder elkaar naast elkaar te zetten. Met twee is wel te doen: float left en float right.
Maar hoe doe ik dat met 3? Dat ze gelijk verdeeld worden over de breedte.
Ik kan tabel gebruiken met kolommen en daarin toevoegen, maar het moet toch zonder kunnen?
- Laat stap 1 zijn eerst naast elkaar
- Stap twee gelijk verdelen door width te declareren???
<div id="leftColum">test</div> --> in css float left
<div id="rightColum">test</div> ---> in css float right
<div id="centreColum">test</div>???
Alvast bedankt :)
Gewijzigd op 01/01/1970 01:00:00 door Web
Michiel schreef op 29.06.2009 18:48:
alle 3 float: left en zelfde width weergeven...
Dit werkt in ieder geval niet. Dan moet je werken met padding.
Danny Roelofs schreef op 29.06.2009 18:53:
Ik ga dit even testen!
Justin schreef op 29.06.2009 19:07:
@web, Michiels voorbeeld werkt wel. Alle drie een float Left zouden ze alle drie naast elkaar moeten staan. Je kan dan door middel van margins er tussenruimte in creëren, ze hoeven echter niet van dezelfde breedte te zijn.
Sorry, ik heb me verkeerd verwoord. Het werk inderdaad wel, maar niet zoals ik dacht dat het kon :)
Ik dacht dat het mogelijk is om zonder margins alle div's te centreren. Voorbeeld:
#div=Content waarbij lengte 500 px en paddign l & r 50
Width alle drie div's = 100 px... Als ik ze toevoeg in Content dat ze gelijkmatig worden verdeeld over 400 px...
Maar goed, als het correct is om padding te gebruiken vind ik het best. Het is naar mijn mening wat amateuristisch. Maar goed, ik ben net geen dr.ir.CSS designer :)
Gewijzigd op 01/01/1970 01:00:00 door web
Als je bijvoorbeeld een breedte hebt van 800px dan zou je dat zo kunnen doen:
Code (php)
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
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
<html>
<head>
<style type="text/css">
#leftcontent{
width: 200px;
float: left;
}
#centercontent{
width: 400px;
float: left;
}
#rightcontent{
width: 200px;
float: left;
}
</style>
</head>
<body>
<div id="leftcontent">
Menu bijvoorbeeld
</div>
<div id="centercontent">
Je content bijvoorbeeld
</div>
<div id="rightcontent">
Advertenties bijvoorbeeld
</div>
</body>
</html>
<head>
<style type="text/css">
#leftcontent{
width: 200px;
float: left;
}
#centercontent{
width: 400px;
float: left;
}
#rightcontent{
width: 200px;
float: left;
}
</style>
</head>
<body>
<div id="leftcontent">
Menu bijvoorbeeld
</div>
<div id="centercontent">
Je content bijvoorbeeld
</div>
<div id="rightcontent">
Advertenties bijvoorbeeld
</div>
</body>
</html>
En dan kun je zelf altijd nog een background of wat je ook wilt er aan geven.
Tnx pps
Hoe maak je zo'n website: http://www.advokat-mehic.com/
Ik bedoel dat form van een map? Is daar een software voor nodig waarin soort sjablonen zitten? Of teken je zoiets zelf?
web schreef op 30.06.2009 11:29:
Dat is hoogst waarschijnlijk gewoon met photoshop of gimp gemaakt en is daarna als background gemaakt op een div of table.ik wil geen nieuwe topic openen om simpele vraag dus bij deze:
Hoe maak je zo'n website: http://www.advokat-mehic.com/
Ik bedoel dat form van een map? Is daar een software voor nodig waarin soort sjablonen zitten? Of teken je zoiets zelf?
Hoe maak je zo'n website: http://www.advokat-mehic.com/
Ik bedoel dat form van een map? Is daar een software voor nodig waarin soort sjablonen zitten? Of teken je zoiets zelf?