Row layout in Firefox

[Tomarse]

Hi folks,

I'm having some issues with layout on a web page I'm creating. It appears to work fine in IE but adds big gaps in FF. I've since found out that I should have designed it for FF first but I didn't, so here I am - scratching my head.

Anyway, here's the link: http://www.churngold.com/development/churngold2.html

I'm sure it'll be something really obvious for you lot but I'm pretty new to this and have no other resources/people to ask. Also, I'm aware that there's a lot of "dirty" scripting in there at the moment but I need to get a working example together before I iron out some of the nasties.

I'd really appreciate any help. Please go easy on me, I know it's a mess.

[Lchad]

At the top of your css add this:

Code: Select all

*  {margin:0;
  padding: 0;
  }

[Tomarse]

So simple! Thanks so much!

I was trying all sorts of combinations of scripting all over the place and even a few "CSS hacks" to trick IE.

[Lchad]

You're welcome!

[karinne]

Yeah ... there are drawbacks to that tho ... although minor

No margin for error - scroll down 'til you get to Global White Space Reset and keep reading to the end

[Ryan Fait]

Yeah, lately I've taken to using this global reset:

Code: Select all

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

[Tomarse]

Thanks for the extra input people. Lchad's suggestion seems to be working with no probs for what I need it for but it's definately worth knowing about it's drawbacks.