CSS Footer Error

CSS Footer Error

Posted on Oct 13, 2008 in Information Technology by Yanurmal 2 Comments

Bikin footer dengan CSS murni tanpa table ternyata tidak berfungsi sesuai perkiraan saya sebelumnya. Jika konten terlalu panjang atau sidebar yang terlalu panjang maka footer akan berada diatas konten yang panjang tersebut.

Setelah sebulan lebih mentok kemaren ketemu ‘trik’nya, ternyata mesti ditambahin div clear: both; tepat sebelum div footer.

CSS:

.clearboth {
height: 0px;
line-height: 0px;
clear: both;
}

Dan tambahkan div clear ini tepat sebelum div footer.

…
<div clas=”clearboth”></div>
<div id=”footer”>
…

Tags: css, footer

• 

  rino Oct 25 2008 - 12:46 pm Reply

  Mungkin lebih tepatnya element ‘clear:both’ harus diletakkan setelah element-element yang ‘floating’

  left
  right

• 

  Yanurmal Oct 25 2008 - 11:45 pm Reply

  Ya ya… bahasa anda lebih tepat. Thx.