# 'Float' causing sidebar to mess up

**URL:** https://forum.kirupa.com/t/float-causing-sidebar-to-mess-up/331177
**Category:** web dev
**Created:** [June 7, 2013, 7:28am UTC](https://forum.kirupa.com/t/float-causing-sidebar-to-mess-up/331177 "2013-06-07T07:28:17Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Skribble](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@Skribble](https://forum.kirupa.com/u/Skribble)
#### Post date: [June 7, 2013, 7:28am UTC](https://forum.kirupa.com/t/float-causing-sidebar-to-mess-up/331177/1 "2013-06-07T07:28:17Z")

</div>

Hey everyone. I am new to CSS and have been making some very simple sites to improve myself. For my most recent messabout, I’ve been working with this expandable sidebar menu - [http://www.dynamicdrive.com/dynamicindex1/navigate1.htm](http://www.dynamicdrive.com/dynamicindex1/navigate1.htm)

![](http://forum.kirupa.com/uploads/kirupa/6689/a9f068135356f36a.jpg)

It all works fine, but I am wanting to add content to the right of the sidebar - in the large blank area, and when I set the sidebar to float:left, it completely screws up the entire layout. As seen here:

![](http://forum.kirupa.com/uploads/kirupa/6690/73ad92ef3044caa8.jpg)

If I am going about this all wrong, or you have any suggestions on what I might do to correct the issue, they would be very much appreciated!

Thanks in advance

Brendan
