Link Worth

CSS Footer Error

Written on 13 October 2008 – 10:55 am | by Yanurmal |

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”>

Popularity: 15%

Share This Post

Related Posts

  1. 2 Responses to “CSS Footer Error”

  2. By rino on Oct 25, 2008 | Reply

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

    left
    right

  3. By Yanurmal on Oct 25, 2008 | Reply

    Ya ya… bahasa anda lebih tepat. Thx.

Post a Comment

About Me

Here I'll share my knowledge, discovery and experience related to my hobby and work. Most articles on this site are related to short reviews, tips and make money online. More

Want to subscribe?

 Subscribe in a reader Or, subscribe via email:
Enter your email address:  
Find entries :

Personal Top Blogs
blogarama.com