Thread: 4 kolommen
-
25-09-2009, 08:41 #1Member
- Registered
- 25/05/09
- Location
- OVL
- Posts
- 1,031
- iTrader
- 17 (100%)
- Mentioned
- 0 Post(s)
4 kolommen

Zoals je ziet staat de 4de kolom niet goed.
Het is de eerste website die ik maak, dus ik ken er nog niet veel van.
Weet iemand hoe ik ze mooi naast elkaar krijg?
Code:<div id="bg"> <div id="container"> <div id="header"> </div> <div id="topwad"> <div id="topmatch"><?php include("topmatch.html"); ?></div> <div id="topad"><?php include("topad.html"); ?></div> </div> <div id="column1"> <div id="navigation"><?php include("navigation.html"); ?></div> </div> <div id="column2"> <div id="specials"><?php include("specials.html"); ?></div> <div id="mcontent"> <?php if(!isset($site)) $site="news"; $invalide = array('\\','/','/\/',':','.'); $site = str_replace($invalide,' ',$site); if(!file_exists($site.".php")) $site = "news"; include($site.".php"); ?> </div> </div> <div id="column3"> <div id="headlines"><?php include("headlines.html"); ?></div> <div id="ad2"><img src="img/ad2.png" alt="advertisement" /></div> </div> <div id="column4"> <?php include("sponsors.html"); ?> <?php include("followus.html"); ?> </div> </div> </div>
Code:div#bg { margin-left:auto; margin-right:auto; width:1036px; background-color:#e7e7e7; } div#container { width:1034px; margin-left:1px; margin-right:1px; background-color:#e7e7e7; } div#header { height:200px; background-color:#3FF; margin-bottom:3px; } div#topwad { height:124px; margin-bottom:3px; } div#topmatch { width:288px; float:left; } div#topad { margin-left:288px; width:746px; } div#column1 { float:left; width:191; } div#column2 { float:left; margin-left:3px; width:137px; } div#column3 { margin-left:604px; width:238px; } div#column4 { margin-left:842px; width:192px; }no votes
-
-
25-09-2009, 10:07 #2
Lijkt mij een typisch padding/margin probleem.
Probeer eerst is het volgende, zo doe ik het teminste altijd, tel alle width van je 4 kolommen samen en tel daar nog eens alle padding en margin bij. Als dit een groter aantal is als de width van je container dan weet je dat daar het probleem zit.
DUS
Width van alle 4 kolommen moet gelijk zijn aan de width van je container.
GroetjesGratis flash banners maken zonder voorkennis ? - www.banner-ads.be
http://www.poker-promoties.be - Enkel en alleen de beste poker promoties & bonussenno votes
-
25-09-2009, 10:23 #3Member
- Registered
- 26/03/03
- Location
- Dendermonde
- Posts
- 5,472
- iTrader
- 28 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 1/8
Ja en vergeet niet dat ie ook nog een aantal pixels tussen 2 floats steekt
no votes
-
25-09-2009, 10:35 #4no votes
-
25-09-2009, 13:46 #5
Is ook het eerste dat ik daar van hoor.
no votes
-
25-09-2009, 22:39 #6Member
- Registered
- 25/05/09
- Location
- OVL
- Posts
- 1,031
- iTrader
- 17 (100%)
- Mentioned
- 0 Post(s)
bedankt, het lag inderdaad aan een fout in de telling
no votes
-
26-09-2009, 14:28 #7Margin zoals ze zeggen?Ja en vergeet niet dat ie ook nog een aantal pixels tussen 2 floats steektEvulgo Media Where magic beginsno votes
-
26-09-2009, 14:32 #8Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Ik denk eerder dat em doelt op de 3 pixel float bug in IE6.
no votes
-
26-09-2009, 14:40 #9no votes
-
26-09-2009, 20:35 #10
pfff IE6 wie houd daar nog rekening mee, die hebben toch maar 10% marktaandeel. En als het van de Waalse regering afhangt blijft dat nog een tijdje zo.
no votes
-
26-09-2009, 22:56 #11Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
"maar", dan kunt ge evengoed geen rekening houden met Browsers als Chrome, Opera en Safari.
En het is nog maar de vraag in hoeverre zo'n resultaten echt betrouwbaar zijn. Elke site heeft zijn eigen doelpubliek en dus ook zijn resultaten. Toch heeft een technische site als w3c nog steeds meer dan 10% aandeel aan IE6 users. Of ge rekening gaat houden met een bepaalde browser of niet zou dus van site tot site moeten afhangen, niet van een gebrek aan motivatie.no votes
-
27-09-2009, 18:13 #12
je moet toch op zen minst de aflijningen van de grid identiek houden bij alle browsers, inclusief IE6 (vind ik).
En zoals Zero Grav het zegt. Vooral rekening houden met uw doelpubliek, wat uiteindelijk toch heel moeilijk is
no votes

