CSS problem in Firefox

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

GA - 26 Jun 2007 01:35 GMT

I have a weird CSS problem at:

In firefox, the most recent version, none of the links work: header
photo/logo is supposed to link, the buttons on the right are rollover
links. I can't even select the text with my mouse in firefox!

Everything is fine in IE.....

http://copland.udel.edu/stu-org/foodscience/index.html

Any suggestions? The CSS file is:

http://copland.udel.edu/stu-org/foodscience/fsc.css

Thanks!

GA

Reply to this Message

dorayme - 26 Jun 2007 02:04 GMT

> I have a weird CSS problem at:
>
[quoted text clipped - 13 lines]
>
> GA

You are mixing up doctype standards... if it it 4.01 transitional
(why no Strict btw?) you should not have

<html xmlns="http://www.w3.org/1999/xhtml">

And if it is 4.01 all your closures are wrong. You must not />
merrily along like you do.

Signature

dorayme

Reply to this Message

GA - 26 Jun 2007 02:32 GMT

>> I have a weird CSS problem at:
>>
[quoted text clipped - 18 lines]
>
><html xmlns="http://www.w3.org/1999/xhtml">

Actually, I was working on this and changed it - also did the
validation with W3C - comes out just fine.

>And if it is 4.01 all your closures are wrong. You must not />
>merrily along like you do.

Ok, I got rid of />, though it validated under 'loose' with those.

Still doesn't work in Firefox.... :(

Any other ideas as to why FF doesn't allow the CSS hover effect or
text selection?

Thanks,

GA

Reply to this Message

dorayme - 26 Jun 2007 03:01 GMT

> >> I have a weird CSS problem at:
> >>
[quoted text clipped - 31 lines]
> Any other ideas as to why FF doesn't allow the CSS hover effect or
> text selection?

Some ideas yes, I would redo things rather to remove the tightly
pixel requirements you have... but without going to far, I was
seeing progress by changing some things of yours in a direction I
would go the css thus, I just quote and alter some things, remove
some of your positioning and gettig the hand and linking back as
a result:

BODY {
font: 100% arial,sans-serif;
background-color: #EDE7D0;
margin: 0;
}
A {
text-decoration: none;
font-weight: bold;
color: blue;
}
#page {
margin: auto;
width: 900px;
}
#head {

margin: 10px 3px 5px 0px;
}
#colhd {

float: right;
margin: 0;
}

and in your html, move <div id="colhd"> just after the <div
id="page">. Also be rid of <center> and style the "page" div.

These are just suggestions to fiddle with. I would be careful of
so much "positioning". Don't use font-size: 11px ...

Signature

dorayme

Reply to this Message

GA - 26 Jun 2007 04:27 GMT

>> >> I have a weird CSS problem at:
>> >>
[quoted text clipped - 68 lines]
>These are just suggestions to fiddle with. I would be careful of
>so much "positioning". Don't use font-size: 11px ...

Bingo - it was the positioning stuff - as soon as I removed the
position: relative tags, everything worked in ff.

Thanks!

-Mike

Reply to this Message

Jonathan N. Little - 26 Jun 2007 03:27 GMT

> I have a weird CSS problem at:
>
[quoted text clipped - 9 lines]
>
> http://copland.udel.edu/stu-org/foodscience/fsc.css

Remove all instances of "position: relative" in stylesheet.

Links menus is a very bad idea though relying on background image as
content whereas background images *should not* be content. Your page is
not accessible to text-only or screen readers with such navigation.

Signature

Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Reply to this Message

GA - 26 Jun 2007 03:37 GMT

>> I have a weird CSS problem at:
>>
[quoted text clipped - 15 lines]
>content whereas background images *should not* be content. Your page is
>not accessible to text-only or screen readers with such navigation.

Well, actually, the links in the menus are 'spacers' -
empty/transparent gifs with the background images showing through.

Why can't text-only browsers see the links if I am using alt tags....?

As for the firefox issue....any ideas? :)

Thanks,

GA

Reply to this Message

dorayme - 26 Jun 2007 04:00 GMT

> >> I have a weird CSS problem at:
> >>
[quoted text clipped - 26 lines]
>
> GA

In case you missed my post, I can confirm that JL is right about
positioning, I was starting to get back functionality by removing
your positioning relative...

Signature

dorayme

Reply to this Message

GA - 26 Jun 2007 21:11 GMT

>> >> I have a weird CSS problem at:
>> >>
[quoted text clipped - 30 lines]
>positioning, I was starting to get back functionality by removing
>your positioning relative...

The post came to me late - thanks for your help! :)

-GA

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / June 2007

CSS problem in Firefox