473,320 Members | 1,820 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,320 software developers and data experts.

CSS Difficulties in Firefox

3
After reading throught many posts I know that I'm not alone when I say how frustrating it is when layouts appear differently in various browsers.

Here's a quick run-down of my saga:
I'm working in the marketing dept. of my company and have just been volunteered to update our prospective member website from tables to css. (Our company site has been outsourced to a web design firm--thank goodness!) In college I was a Communications major and Graphic Design minor. I took a few intro html / css classes, but nothing above a beginner level.

So far I've redone a few pages, and, as I figured, the layouts between IE and Firefox are not uniformed--no surprises there. I just don't know where to go. The more I debug and stare at the code the more baffeled and frustrated I become. I've consulted this site, other sites like this, and I've validated at w3c (with the exception of a few "alt" tags, most html pages come up clean.) My css on the other hand: 1 error, 40 warnings! But silly warnings like: "Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space." I also have a coolmenus script....the placement of that in Firefox is screwy too.

I understand a lot of this can be trial and error, and I'm willing to keep trying, but it gets very disheartening when all you keep getting back are the errors!

Anyway, before I go any further, I'm asking for some assistance. I'm new to the forum concept so I'm not sure what code information I need to post for someone to help.

Suggestions are VERY much appreciated!

Thanks!
Apr 18 '07 #1
6 1562
drhowarddrfine
7,435 Expert 4TB
If your code validates then there are only two possibilities:

1) Code that validates only means the tags and syntax are used correctly. It does not mean placement is appropriate.

2) The problem will almost always lie with IE.

If you get your markup working in a modern browser, such as Firefox or IE, then it will work in every other browser, generally. The only exception will most likely be IE. It is old, buggy and non-standards compliant. However, most of the bugs are known with known workarounds.

But without the complete code or, preferably, a link, we can't help you.
Apr 18 '07 #2
hmf
3
First of all, thank you. I know I'm only one of many people asking for help and your time is precious, but any pointers and tips are greatly appreciated and welcomed!

Because in order to fix code, you need to actually see the code, I've had a co-worker post a temporary page:

http://www.furniturefirst.coop/hayley/prospective/mission.html

Viewing it in IE is fine, viewing it in Firefox is not. When you view the page source, make note that I commented out the css and javascript codes at the bottom. I hope this helps.

Lastly, I want to make it clear that I'm not asking for someone to completely re-do my code, merely guide me as to what I can do to fix this myself. I think learning to figure out code on your own is the best way to learn-plus I like feeling the satisfaction of achievement!

Thank you all!
Apr 19 '07 #3
drhowarddrfine
7,435 Expert 4TB
Commenting out the stuff at the bottom really makes a mess of things. I'm thinking there is a misplaced or incorrect comment tag. Make sure there is a space before and after <!-- and --> and also /* */.

For scripts, it should be <script type="text/javascript">.

Your paths for images have one of the slashes going the wrong way.
src="../images\fflogo_web.jpg" should be
src="../images/fflogo_web.jpg"

(more)
Apr 19 '07 #4
drhowarddrfine
7,435 Expert 4TB
Validate your CSS for a list of errors that need fixing.
For further help from me, I would need all that commented out stuff at the bottom removed.
Apr 19 '07 #5
hmf
3
I think I fixed the problem with the commented out script. I saw what you meant about it being jumbled on the screen. I left the CSS and Javascripts there, however, I took better care in commenting them out. I checked it again in Firefox after I uploaded the revised file and it seems ok. My reasoning for leaving those codes there are for viewers to see exactly what I'm doing or where I went wrong. If you have an alternate way for me to post my CSS and Javascript it its entirety without having it directly on my html page, I'll try that instead.

Here's the URL again:
http://www.furniturefirst.coop/hayley/prospective/mission.html

I went back over my CSS and cleaned up the warnings. After doing so, I'm left with 23 warnings which all tell me the same thing:

-Same colors for color and background-color in two contexts #navbox and .toplink
-Same colors for color and background-color in two contexts #navbox and .header....etc.

I don't understand why this is a problem?

#navbox
{
background-color: #bd0000;
}

.toplinks
{
color: #bd0000;
}

I'm aware that my navbox and toplinks are the same hexidecimal colors, however, these two elements will never be placed on top of each other, so having the same color really shouldn't matter. Am I missing some fundamental CSS principle or is this really just the useless error message that I think it is?

Once again, thanks for taking the time to help! :o)
Apr 19 '07 #6
drhowarddrfine
7,435 Expert 4TB
Warnings are just that, warnings, and not errors. You do not have to change them. They are there for accessibility reasons and nothing else. Many want to make sure their sites are viewable by those with sight problems and some countries even require it legally. If these are no concern to you, you can safely ignore them.

Regarding the posting of code, I only need a link while others may prefer posting the code. I use the web developer extension to Firefox which allows me to view everything on your site as it is seen by the browser. So there is no need to have the css and js listed with the html.

Of course, if the site is not online then posting the complete code is fine. Javascript problems may also require the posting of the code
Apr 19 '07 #7

Sign in to post your reply or Sign up for a free account.

Similar topics

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 ===============================================================...
0
by: Julia | last post by:
Hi, I am still having Charest conversion difficulties s when passing string from C# TO ASP and than to access using ADO I am using HttpWebRequest to POST some Multilanguage(Hebrew and...
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 >>>...
3
by: jg.campbell.ng | last post by:
I'm beginning learning Python and OpenGL in Python. Python fine. But difficulties with OpenGL; presumably with the installation of OpenGL. OS = Linux FC5. Python program gl_test.py: from...
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...
4
by: skase98 | last post by:
I am rather new to using CSS for anything beyond making text pretty. My newest page includes a hybrid CSS/javascript dropdown menu (also a first for me!) and I was so pleased that it is working in...
4
by: ge5talt | last post by:
Longtime reader, 1st time poster :) I am in the process of overhauling a website and replacing an old table-based quirksmode layout with a standards-mode tableless one. I am currently working on...
1
by: =?Utf-8?B?c3R1bXBlZA==?= | last post by:
Am having difficulties opening attachments with a ".email" extension - how do i do this - i can open them in my web-based e-mail, but not Outlook Express. Thank you
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....

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.