PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
w

[div] 3 div blokken naast elkaar

Door web op 29-06-2009 18:46
12.611 views
Hallo allemaal,

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 :)
M
Michiel
29-06-2009 18:48
alle 3 float: left en zelfde width weergeven...
w
web
29-06-2009 18:58
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
Wellicht heb je hier wat aan 3 Column Liquid Layout




Ik ga dit even testen!
Justin S
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.
w
web
29-06-2009 19:13
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 :)
l
lol lol
29-06-2009 19:16
@web

Als je bijvoorbeeld een breedte hebt van 800px dan zou je dat zo kunnen doen:


<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.
w
web
29-06-2009 19:46
Ja idd, dat is ook hetzelfde wat Michiel zei :)..

Tnx pps
w
web
30-06-2009 11:29
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?
M
Mitchell
30-06-2009 12:13
web schreef op 30.06.2009 11:29
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?
Dat is hoogst waarschijnlijk gewoon met photoshop of gimp gemaakt en is daarna als background gemaakt op een div of table.

Reageren

Inloggen om te reageren