# Simple css problem **URL:** \ **Category:** Uncategorized\ **Created:** [May 2, 2007, 3:03pm UTC](https://forum.kirupa.com/t/simple-css-problem/224451 "2007-05-02T15:03:10Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![RabBell](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/rabbell/32/340_2.png) [@RabBell](https://forum.kirupa.com/u/RabBell)\ **Post date:** [May 2, 2007, 3:03pm UTC](https://forum.kirupa.com/t/simple-css-problem/224451/1 "2007-05-02T15:03:10Z")
it’s been a while since I did any CSS and to be honest I’ve discovered I’m more than a little rusty and I’m more than impatient so rather than work away on this problem by myself I’ve decided to post it here. I have 3 divs. The left one has a 25% width, the middle has a 50% width and the right one has a 25% width. Now despite turning off all padding and margins the 3 don’t seem to fit on the page. Here is my code (html) ```auto :: Layout ::
``` and the css code ```auto * { margin:0px; padding:0px; } body { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; height:100%; } html { height:100%; width:100%; } #leftbar { width:25%; background-color:#FF0000; height:125px; float:left; } #midsection { width:50%; background-color:#00FF00; height:100%; float:left; } #rightbar { width:25%; background-color:#FFCC00; height:125px; float:right; } ``` any ideas are welcome :beam: