Floating and Hiding

Dragon of Ice posted this at 23:35 — 16th January 2005.

Joined: Jun 2004

http://madclassifieds.000k.net/zap/

I want to put sidebar in, but everytime I do, it goes down into the footer. I've played with clear and the such, but I can't get it right!

#content-wrap {
	width: 600px;
	background-color: #EEEECA;
	padding: 0;
	margin-top: -3px;
}

#content {
	width: 375px;
	padding: 5px 5px 5px 10px;
}

#sidebar {
	width: 130px;
	margin: 0 0 0 20px;;
	background-color: #CCCC66;
	float: right;
}

My next problem is this. In IE, the nav is hidden. I'm using IE 6. You can look at the css file at http://madclassifieds.000k.net/zap/main.css

I tried layer, as you can see, and that did nothing. Why is it hidden like that?

Also, questions comments and ideas are welcome on the design.

syawilim posted this at 00:40 — 17th January 2005.

He has: 93 posts

Joined: Jun 2004

If you are trying to get your side bar to sit next to your content then they both need to have float tags:

#content {
float: left;
width: 375px;
padding: 5px 5px 5px 10px;
}

#sidebar {
float: left;
width: 130px;
margin: 0 0 0 20px;;
background-color: #CCCC66;
}

And structure your html like:

<div id="content-wrap">
    <div id="content">Content</div>
    <div id="sidebar">Sidebar</div>
</div>

There are no stupid questions, only stupid people!

slickfish
web site design, production and maintenance for small business

www.justapickle.com
Blogging for the socially conscious

Dragon of Ice posted this at 01:44 — 17th January 2005.

He has: 578 posts

Joined: Jun 2004

Duh! How could I have overlooked that! Thanks for pointin' it out!

Dragon of Ice posted this at 01:58 — 18th January 2005.

He has: 578 posts

Joined: Jun 2004

Fixed the hide problem. It all had something to do with the padding, which I got rid of and played with the height and padding of the menu items and got them to be exactly the same in IE and FireFox