Page 1 of 1

CSS padding or margin issues with Firefox

Posted: Thu Sep 25, 2008 8:08 pm
by Grudgeuk
Hi Guys,

Need a little help here. 

Got a site which works lovely in IE, but when I open a certain page in FF, the contents goes to the bottom of the page, spent ages trying to sort the CSS but no joy, can anyone help me out.

The page I have issues with is http://www.northeastwalesnetball.co.uk/index.php?page=league, you just need to wait about 5 seconds for the page to load, then in IE looks lovely and in FF its at the middle content section is at the bottom of the page.

Not sure what is up.

Thanks in advance for some help on this matter.  :)

Re: CSS padding or margin issues with Firefox

Posted: Sat Oct 04, 2008 7:40 am
by KO
What an amazing setup of styles but it looks nice.

You have #fl and try adding overflow:auto or overflow-x:hidden on it. Somewhere there is embedded CSS that did seems to do the trick but all this !important makes it very confusing.

Re: CSS padding or margin issues with Firefox

Posted: Sat Oct 04, 2008 11:57 am
by sn3p
The problem is not the #fl div, it's in the #content div.
It has a too large left and right margin to fit between the floating left and right colums.
Try this instead:

Code: Select all

#content {	
       /*
       margin-right: 190px;
       margin-left: 190px;
       */
       float: left;
       width: 600px;
       margin-left: 20px;
       padding: 15px 0px;
}

Re: CSS padding or margin issues with Firefox

Posted: Thu Oct 09, 2008 11:43 am
by confiq
Grudgeuk wrote: Got a site which works lovely in IE, but when I open a certain page in FF,
I would like to correct you here... The site is wrong designed and was made for MSIE only, that's why it's not working on FF. :)

Try using firebug for FF and you'll see the real power of FF!

Re: CSS padding or margin issues with Firefox

Posted: Fri Oct 10, 2008 11:54 am
by sn3p
Wrong designed? Nonsense.

Re: CSS padding or margin issues with Firefox

Posted: Fri Oct 10, 2008 1:25 pm
by vzw klemtoon
well, it is dropping down in Safari too. I agree to say its css coded for IE