justuptime.com - monitor your servers & websites

Floating and Hiding

You are viewing this site as a guest. Join our community to get your questions answered and share knowledge. Active members may advertise and ask for a website critique.

He has: 578 posts

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.

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

He has: 578 posts

Joined: Jun 2004

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

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