Row layout in Firefox

Tomarse · April 11th, 2007, 06:11 AM

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 · April 11th, 2007, 08:00 AM

At the top of your css add this:

Code:

*  {margin:0;
  padding: 0;
  }

Tomarse · April 11th, 2007, 08:03 AM

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 · April 11th, 2007, 08:25 AM

You're welcome!

karinne · April 11th, 2007, 09:09 AM

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 · April 13th, 2007, 07:55 PM

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

Code:

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

Tomarse · April 16th, 2007, 05:20 AM

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.