A few problems

Phaser · 28 Mar 2006 at 22:16

I said i'd have a go at designing a small website for a friend. Starting to wish I hadn't now!

Anyway, I have a few nagging problems.

The body div dosen't reach down to the footer - theres always a 5-10px gap.

And how can I get the navigation links lined up?

http://dziremedia.co.uk/ovaloadradio/

Cheers for any help!

Phaser · 28 Mar 2006 at 23:36

Also it aligns center in Firefox fine but not in IE?

:confused:

Phaser · 29 Mar 2006 at 08:39

Anyone?

margin-left and margin-right is set to auto..

Any help appreciated!

paulsheff · 29 Mar 2006 at 14:02

In the body class put text-align:center; and rename the second body class to main or something as it's confusing.

All your other divs are within your layout div so you should be able to get rid of things like

margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom: 0px;

and just put
margin: 0;
padding: 0;

For the nav, get rid of the table, and on the a classes just put something like margin: 5px 20px to get the same spacing inbetween each element.

Phaser · 29 Mar 2006 at 16:18

Cheers mate!

Phaser · 29 Mar 2006 at 17:38

Arghhhhhh!

It's fine in IE now, the navigation is nicely lined up, and I can enter content etc without the boxes changing proportions.

However, Firefox dosen't like it. As soon as you enter content the background colour dissapears.

Any help appreciated!

http://www.dziremedia.co.uk/ovaloadradio/
http://www.dziremedia.co.uk/ovaloadradio/screen.css

Cheers.

paulsheff · 29 Mar 2006 at 18:35

Try overflow: auto; on maincontent

Phaser · 29 Mar 2006 at 18:46

Nope, no difference mate.