Please help me?

I'm making a website for my school's radio station.

I have 7 DIV layers, in the following order:

Container 1 (contains ALL of the DIVs)
Header
Navigation
Container 2 (contains the body and side DIVs)
Body
Side
Footer

The second container div has a repeating background, which unfortunately covers my footer div.

Right now I'm using to show the footer over the second container - but that's not in the right spot.

Can someone please help me fix this?

http://brando.jejune.nu/

I also don't have a doctype (every time I add one, it royally screws up my coding and it changes the entire look of the website. It's just a school website, so it doesn't matter to me TOO much that it's not perfectly coded. But if you have any help with that, please let me know?)

I see no footer in IE. In gecko I see NOTHING but the header.

I'd start with fixing the errors.

http://www.htmlhelp.com/cgi-bin/validate.c...mp;warnings=yes

http://jigsaw.w3.org/css-validator/validat...g=1&lang=en

You don't even have a doctype. You definitely want one with a CSS layout. This is why:
Activating the Right Layout Mode Using the Doctype Declaration

I updated my coding and I only have this error:



Why am I not allowed to use this? It's the only thing that makes my navigation align correctly.

The majority of my viewers use: Firefox, Safari, Internet Explorer. I need to make sure it works in those browsers above all.


Thank you so much, you seriously made that like four hundred times easier. Can you help me with my footer problem too? You're amazing..

You have this code.

All content in a list must be in the LIs.

http://htmlhelp.com/reference/html40/lists/ul.html





Well, you are well on your way if you make sure your code is valid and also make sure your doctype triggers Standards Mode.



I don't know. I'll have a new look.

Sorry, but the page still looks as I said earlier in IE6 and gecko. I see nothing like you descibe.

Right now the is the only thing showing the navigation div and the footer div - both in the wrong spot.

I'm taking a screenshot, hopefully that might be able to give an idea?

If not, you've been a tremendous help with everything else

Here you have gecko and IE6. You've got bigger problems than that footer, I'm afraid.

Click to view attachment

Click to view attachment

Why is #bodycontainer positioned absolute? That seems to be part of the problem.

i didn't know it shouldn't be. should i take the position value out completely or change it to relative or?

Point is, you don't position something without a reason. In fact you don't do anything without a reason. If you just put it on on a whim, then by all means take it out.

it aligns that div to be in the center, like all the other divs

No, it doesn't. You don't have any offset with it.

i mean it does in safari. how would i fix it with an offset?

I'm afraid I have to insist. Position absolute does not center anything by itself, not even in Safari.

It does take the element "out of the flow" and makes it be on top of everything that comes after it in the HTML though.

i didn't know what it did, but i knew that when i put it in, it appeared to.

i'm going to fix it...but then what do i do about everything else? they're all out of alignment