View Full Version : Firefox / CSS help needed!!!


chrisssy
27-09-2005, 10:42
I've just been testing a website on Firefox and there seems to be a problem with the CSS.

I'm no expert on CSS and have been trying to fix it for ages.

Can anyone help????

The web site views fine on IE but on Firefox there is a problem with the body of the site not fitting properly around the text - you'll see what I mean:

www.wpacs.co.uk

I can't see what I've done wrong????

Please help.

Nazo
27-09-2005, 10:55
Edit: sorry, mistake.

chrisssy
27-09-2005, 11:01
Thanks for the help...

I didn't want to set the height to something like 1000px as it looks funny for the pages which have less content.

<quote>I think the problem is that your site content isn't nested within the bod div so the it's rendered outside it. Try moving your content inside it.
</quote>

I thought I had done this? What do I need to do to do that?

Nazo
27-09-2005, 11:08
Sorry, when I looked at the source it looked as if it wasn't nested because of the way the tabs came out. You're right that it is nested correctly.

Joelc
27-09-2005, 11:10
Try for starters having

instead of this

<div id="logo" align=center>
<img border="0" src="images/logo.jpg" width="747" height="130" alt="Chameleon Interior Design - your one-stop shop for all your interior design needs">
</div>

to just

<div id="logo" align=center>
</div>

then in your logo css statement add

background-image: url("../images/logo.jpg");
background-position: center center;
background-repeat: no-repeat;
height: 130px;

See how that goes

Joel

chrisssy
27-09-2005, 11:18
Thanks but that didn't wotk either???

(I only did it on the index page)

Maybe, if I asked very nicely, everyone in the world might stop using Firefox? That could work?

If it doesn't, anyone got any other ideas?

Nazo
27-09-2005, 11:45
Try this: replace float:left in your #right_column with margin-left:300px; (or whatever width you want)

remove the clear:both; from your h2 definition

chrisssy
27-09-2005, 11:52
That didn't work either.

:s

Nazo
27-09-2005, 11:56
You sure? Those changes fix the problem on mine which makes sense as presumably you can't have columns next to each other both floating left.

chrisssy
27-09-2005, 12:10
I'll have a go again.

It is the content of the two columns which float left which should work shouldn't it?

chrisssy
27-09-2005, 12:43
Thanks!!!!!!

It's fixed.

Everyone who was preparing to stop using Firefox - you can re-install it now!

Thanks Nazo and JoelC

Nazo
27-09-2005, 12:51
Glad you got it working.

And that the world of open source development is once again safe from the wrath of angry designers :thumbsup: