473,382 Members | 1,622 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,382 software developers and data experts.

CSS problem in Firefox

GA


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

Jun 26 '07 #1
8 2511
In article <rl********************************@4ax.com>,
GA <fa****@excite.comwrote:
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
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.

--
dorayme
Jun 26 '07 #2
GA
On Tue, 26 Jun 2007 11:04:08 +1000, dorayme
<do************@optusnet.com.auwrote:
>In article <rl********************************@4ax.com>,
GA <fa****@excite.comwrote:
>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

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">
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
Jun 26 '07 #3
In article <52********************************@4ax.com>,
GA <fa****@excite.comwrote:
On Tue, 26 Jun 2007 11:04:08 +1000, dorayme
<do************@optusnet.com.auwrote:
In article <rl********************************@4ax.com>,
GA <fa****@excite.comwrote:
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
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">

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?
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 <centerand 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 ...

--
dorayme
Jun 26 '07 #4
GA wrote:
>
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
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.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jun 26 '07 #5
GA
On Mon, 25 Jun 2007 22:27:28 -0400, "Jonathan N. Little"
<lw*****@centralva.netwrote:
>GA wrote:
>>
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

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.
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

Jun 26 '07 #6
In article <6s********************************@4ax.com>,
GA <fa****@excite.comwrote:
On Mon, 25 Jun 2007 22:27:28 -0400, "Jonathan N. Little"
<lw*****@centralva.netwrote:
GA wrote:
>
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
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.

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
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...

--
dorayme
Jun 26 '07 #7
GA
On Tue, 26 Jun 2007 12:01:18 +1000, dorayme
<do************@optusnet.com.auwrote:
>In article <52********************************@4ax.com>,
GA <fa****@excite.comwrote:
>On Tue, 26 Jun 2007 11:04:08 +1000, dorayme
<do************@optusnet.com.auwrote:
>In article <rl********************************@4ax.com>,
GA <fa****@excite.comwrote:

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

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">

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?

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 <centerand 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 ...

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

Thanks!

-Mike

Jun 26 '07 #8
GA
On Tue, 26 Jun 2007 13:00:34 +1000, dorayme
<do************@optusnet.com.auwrote:
>In article <6s********************************@4ax.com>,
GA <fa****@excite.comwrote:
>On Mon, 25 Jun 2007 22:27:28 -0400, "Jonathan N. Little"
<lw*****@centralva.netwrote:
>GA wrote:

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

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.

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

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...
The post came to me late - thanks for your help! :)

-GA

Jun 26 '07 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Jeremy Epstein | last post by:
I've got a 4-page form that lets users enter a whole lot of information, which is then submitted and emailed at the end. All the fields are stored as session data. The whole thing works fine: ...
87
by: expertware | last post by:
Dear friends, My name is Pamela, I know little about CSS, but I would like to ask a question I have an image on a web page within a css layer: <DIV ID=MyLayer STYLE = "position:...
14
by: expertware | last post by:
Ok! to avoid confusion I will start a new argument. Thanks!! FIREFOX 1.0.7 AND IE6 viewed through DATATIME: a summary REPORT ===============================================================...
5
by: SPE - Stani's Python Editor | last post by:
Hi, During optimizing SPE for Ubuntu, I found something strange. I have Ubuntu 5.10 "The Breezy Badger" and unfortunately this code is not working: >>> import webbrowser >>>...
7
by: Coder | last post by:
Hi I have the following code in java script, it is not giving proper output in FIREFOX but running fine in IE... can anybody help me out to make this run in FIREFOX . <script...
12
by: amit | last post by:
Hello group, I'm kinda skeptical about a code is being used in my js program. All it does is checking what browser is being run and finds out if FLASH is installed or not. This code works...
6
by: scotty | last post by:
I have a script that loops through an existing table list and prepares each href element node to trigger a function when an image is clicked. The function that will be run passes a property value...
7
by: Carlos Mendonça | last post by:
Has anyone managed to get ClickOnce to work with Firefox? It seems to me that it still has the same issues VS 2K5 had. I appreciate any comments or tips.
3
by: SAL | last post by:
Hello, I did google this issue and found some stuff related to BrowserCaps section of either web.config or machine.config but it didn't work. It seems that most pages in my webapp are okay but a...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.