cnet.com style bottom-bar

[Poontang]

Hey.

I want to make a bottom-bar - pretty much in the same style as on cnet.com
Does anyone know how it's done?

[Innovati0n]

Apologies if this isn't exactly what you're looking for, but I've put it together using simple CSS. I've position it at the bottom of the browser window and added a curve.

This is the CSS code for you, I'm sure you'll know how to customise it to make it look more like CNET.

<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
#container {
width: 900px;
margin: auto;
}
#bottom-bar {
background: #333333;
position: fixed;
height: 30px;
bottom: 0;
width: 900px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
</style>

This is the HTML code for you.

<div id="container">
<div id="bottom-bar"></div>
</div>

This works in all browsers, have a mess around with it.

[Poontang]

Thanks for the fast reply!

But - all I see is a black bar at the top of the screen?

(Perhaps I am doing it wrong)