AJ93 AJ93 - 5 months ago 6x
HTML Question

CSS layout problems

I am facing the problem where my page content suppose to be inside of

<div id="content">
which is the grey box, all other pages is located inside the content except this.

enter image description here

This is the code named
that I have tried so far. JSFiddle

This is snippet code from my

<div id="content">

<?php include_once("home1.php"); ?>


I have suspected that code from CSS giving me this problem and can you guys give me solution to overcome this. Many thanks (Sorry for my bad English)


After add
suggested by PhillipXT , it works but the arrangement should be "pengumuman" on the left side and "2nd Content Area" on left side.
enter image description here


That looks like an issue with floating div tags. I usually fix it by adding another empty div after the floating columns, with float set to none:

This is how the structure should look:

<div id="content">
    <div id="isi">...</div>
    <div id="middle">...</div>
    <div style="float:none; clear:both;"></div>

Not sure if that's the best way, but it works.