kryptz
Legacy Member
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;
}
