Forums

Ben_Derby

Hey,

Im creating a top bar like you see on Facebook but not to have anything in it. I think it just adds to the design.

However it only streches 1000px. Any way of making it struck all the way across the page?

#top { background: url(../images/bg.gif) repeat-x; margin:auto; }

Thanks

Ben

karlpcrowley

Like this?

http://jsfiddle.net/vjQ4s/

Ben_Derby

Thanks, but it has not worked.

karlpcrowley

Not sure I fully understand you then
you just want a banner across the top of the page?
always on top?

Ben_Derby

yes all the way across know matter what the page size is

karlpcrowley

What browser are you using?
Any chance of a screenshot?

I've tested this on different browsers and it goes all the way across
HTML

<div id=top>Top</div>

CSS

body{
    margin: 0px;
}
#top {
    position: fixed;
    background: #5f5f5f; 
    height: 30px;
    width: 100%; 
    margin: 0 auto;
}

Ben_Derby

Thats done it thanks

treehouse : what would you like to learn today?

Forums

[Solved] CSS Help