# Holy Grail of Layouts + Floats driving me crazy

**URL:** https://forum.kirupa.com/t/holy-grail-of-layouts-floats-driving-me-crazy/272794
**Category:** web dev
**Created:** [October 8, 2008, 3:51pm UTC](https://forum.kirupa.com/t/holy-grail-of-layouts-floats-driving-me-crazy/272794 "2008-10-08T15:51:04Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Qgeis](https://avatars.discourse-cdn.com/v4/letter/q/76d3ee/32.png) [@Qgeis](https://forum.kirupa.com/u/Qgeis)
#### Post date: [October 8, 2008, 3:51pm UTC](https://forum.kirupa.com/t/holy-grail-of-layouts-floats-driving-me-crazy/272794/1 "2008-10-08T15:51:04Z")

</div>

Have a look at this page  
[http://aenui.com/test/hg.html](http://aenui.com/test/hg.html)

It is exactly the same as the wrapper-free holy grail layout as demonstrated on AListApart ([http://www.alistapart.com/d/holygrail/example\_4.html](http://www.alistapart.com/d/holygrail/example_4.html)), except that I added 2 more divs in the center column.

I floated the 2 divs to the left and I expect the 2 divs to start stacking side by side but no, it doesn’t do that. Apparently this only happens in the holy grail layout. Does someone have a fix? I’d hate to abandon the otherwise elegant holy grail layout just because of this.