Hi
Hope someone can help or shed some light on where I'm going wrong (notice that I'm not blaming the browser !)
I took the time to validate my page both for the HTML and the CSS and both passed (after some tweaking) My problem is that the page displays perfectly in IE7 but looks horrible in Firefox. I'm not expecting anyone to fix the problem but if someone can have a look and see a glaringly obvious issue, and could point me in the right direction, I'd really appreciate it.
My page can be viewed at : My Site
Thanks in advance.
6 1393
Despite the fact that it validates, your doctype is incorrect for IE and it puts it in quirks mode. You should be using this one:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
In addition, your test bed should always be a modern browser and never IE. Use Firefox/Opera/Safari for your initial test. Then see if IE screws it up. The quirks and bugs of IE are known, as are the fixes.
Never, ever use IE as a reference for how things should work. It is old, buggy, non-standard and 10 years behind web standards.
Your main problem is that Firefox and IE render a block object differently that has a fixed width and padding. Firefox does not include the padding in the width of the element while IE does.
For example, when you specify a width of 696px for your bodyblock, Firefox adds the padding to this size. IE, however, puts the padding inside the block whose final width will be 696px.
This same problem is seen in other places on your page too, such as the "Vacancies", "Things for Sale", and "When things go wrong." You have to be careful when you use fixed-width blocks that also have padding; so careful that I would suggest just not using it at all.
Hope this helps.
To be clear, it's not just Firefox. All browsers, in standards mode, do it that way. That is how it's supposed to work. Only in quirks mode do browsers do it wrong and he is in quirks.
Thanks for the pointers - really helpful and I have now managed to tweak the page so that it renders perfectly in both IE7 and Firefox.
Would percentages work better for the boxes ? or will fixed width be ok as long as I have my calculations right ?
Just tried to validate the page again and it's showing up with errors. I changed the html minimally (changed some values but nothing structurally) I can only assume that the DOCTYPE is perhaps causing the errors ? Can I not use the transitional rather than strict DOCTYPE ?
You can use either but, unless you are using deprecated elements, there is no need for transitional. Your page will render the exact same with both but the validator will flag deprecated tags if you use strict.
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Workgroups |
last post by:
I've got a page where the nature of the beast is such that the user clicks a
submit button to ransomize some data in somewhat rapid succession (once per
second, give or take). The page generates a...
|
by: usenet |
last post by:
Hi All,
I have some initialization to be done at page load time, which changes
the text of some anchors so that they are consistent with the query
string (these anchors are used as criteria...
|
by: Jason Honn |
last post by:
I have an .aspx page that renders fine in IE6, but it does not render
properly in Firefox. If I change the extension from .aspx to .htm
everything renders just fine in Firefox.
The problem I am...
|
by: GaryDean |
last post by:
In my old 1.1 apps the default was MS_POSITIONING="GridLayout" and Textboxes
and labels and such always had POSITION: absolute;
and I never had any distortion when the page was rendered. Life was...
|
by: evgenyg |
last post by:
Hello !
We have the following situation - when Ajax request is sent what's
being returned by the server is usually an XML (which is used for DOM
updates) but sometimes it's HTML which is a whole...
|
by: cttseng |
last post by:
Dear all,
I have a problem that how to get the page's source code
which is generated by javascript code?
For example:
http://grouper.com/video/south%2bpark
Although I can see the result page...
|
by: =?Utf-8?B?Sm9obiBCYWlsZXk=?= |
last post by:
I have a ASP .Net page that allows moving around items on the page through
javascript. This page works fine in IE.
In FireFox however, I have found that if the page is using XHTML 1.0...
|
by: PJ6 |
last post by:
It is apparently impossible to emit a initialization script (that refers to
a specific element) using RegisterClientScriptBlock; if it is emitted
OnLoad, the browser throws an exception that it...
|
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
|
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...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
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...
|
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: 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,...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
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...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
| | |