CSS Help!

[redViper]

Hey folks
Coupla questions:
http://www.bigbrotheraccess.com/index.php/downloads

You can see the title header "Downloads" is floating underneath the menu.. how can I stop this? I want the background to be the same size as the text.. if I remove the display:inline feature the box will extend the length of the page. If I do display:inline this happens. And if I try float:left as well.. all the text clings to the right of the box.

..hope you understand what I'm saying!!

and also another quick question: can you all see the menu at the top of the page? There should be about 5 different pages.. but from what I'm hearing some people can't see it. I can see it no problem using OSX Firefox.. and even on my windows machine.. maybe it's weird CSS?

Thanks!!

[evildrummer]

You could set that downloads section to display: block, give it a width a bit more than the longest link ( i admit this would reduce some dynamicness of the site). And then you could float it right fine.

[redViper]

there's no other way of doing it with the inline code?

[evildrummer]

not sure, I'll take a look in a few minutes... I'm not on my normal PC so I don't have any of my developer software and plugins for firefox so can't try anything

[evildrummer]

So let me ask, do you mean you want the header saying downloads to float right of all the links?

[redViper]

no I just want it to be the header - I don't want anything to float. I just said I tried float to the left but it didn't do what I wanted.

so basically I want:

menu

header

content

with space in between.. right now the menu is on top of the header a little bit (overlapping)

[evildrummer]

Just add:


margin-bottom: 20px;

in the section for #nav, #nav ul (line 10 in nav.css)

[redViper]

ah-hah!
i knew it'd be something silly like that.

Thank you so much :)
all better!!