473,582 Members | 3,083 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2519
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.a uwrote:
>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.a uwrote:
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 "positionin g". 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*****@centra lva.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*****@centra lva.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.a uwrote:
>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 "positionin g". 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.a uwrote:
>In article <6s************ *************** *****@4ax.com>,
GA <fa****@excite. comwrote:
>On Mon, 25 Jun 2007 22:27:28 -0400, "Jonathan N. Little"
<lw*****@centr alva.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
9275
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: 1. On my local box (WinXP / Apache2 / PHP4) using IE6 2. On my local box using Firefox1 3. On my hosted server (RHLinux / Apache1.3 / PHP4) using...
87
9548
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: absolute;top:68px; left:563px; width:640px;height:480px;"> <IMG src="ReportImageBox_12.54.52.png" width=640 height=480></IMG>
14
2306
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 =============================================================== by Pamela Datatime Team -----------------
5
3109
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 >>> webbrowser.open("http://www.python.org") It does not throw an exception, but is not able to launch a browser.
7
9593
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 language="JavaScript"> var cntlName; var eleTarget = document.getElementById('hiding'); function showOrHide(){
12
1764
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 just fine withe IE but as far as Firefox I'm not sure. Using the firefox I can see flash pages easily but when this code says firefox is not installed...
6
5824
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 to the function upon clicking. The property value is one of the attributes defined for each respective href in the property list. In IE and...
7
2532
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
2418
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 couple of the Firefox is munging up. So, on my information page there is a gridview in the content section of the page. The masterpage contains...
0
7886
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
8159
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
8312
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7920
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
8183
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
5366
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
1
2312
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1413
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1147
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

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.