Thread: 4 kolommen

  1. #1

    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">
    &nbsp;
    </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  

  2. #2
    Novaweb's Avatar
    Registered
    08/10/08
    Location
    Sint Antonius
    Posts
    221
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    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.

    Groetjes
    Gratis flash banners maken zonder voorkennis ? - www.banner-ads.be
    http://www.poker-promoties.be - Enkel en alleen de beste poker promoties & bonussen
    no votes  

  3. #3
    RpR's Avatar
    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  

  4. #4
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Quote Originally Posted by RpR View Post
    This quote is hidden because you are ignoring this member. Show
    Ja en vergeet niet dat ie ook nog een aantal pixels tussen 2 floats steekt
    verklaar u nader?
    no votes  

  5. #5
    Drone's Avatar
    Registered
    28/05/03
    Location
    bmb
    Posts
    744
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    15/15
    Is ook het eerste dat ik daar van hoor.
    no votes  

  6. #6

    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  

  7. #7
    j design's Avatar
    Registered
    19/05/08
    Location
    Sjellebelle
    Posts
    731
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Ja en vergeet niet dat ie ook nog een aantal pixels tussen 2 floats steekt
    Margin zoals ze zeggen?
    Evulgo Media Where magic begins
    no votes  

  8. #8
    Zero Grav's Avatar
    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  

  9. #9
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Quote Originally Posted by Zero Grav View Post
    This quote is hidden because you are ignoring this member. Show
    Ik denk eerder dat em doelt op de 3 pixel float bug in IE6.
    precies nog nooit last van gehad
    no votes  

  10. #10
    Drone's Avatar
    Registered
    28/05/03
    Location
    bmb
    Posts
    744
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    15/15
    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  

  11. #11
    Zero Grav's Avatar
    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  

  12. #12
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Quote Originally Posted by [drone]-[1.05] View Post
    This quote is hidden because you are ignoring this member. Show
    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.
    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  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in