The right column in http://shambles.net/pages/staff/History/ is justified "top" works OK in all browsers but NOT Firefox as it justifies to the bottom : HELP
The right hand column in pages on my website e.g. http://shambles.net/pages/staff/History/ are justified "top" and works OK in all other browsers
but NOT Firefox as it justifies to the bottom : it has been like this for a LONG time ... not a new problem.
Anyone have any idea what I may have done wrong in the html .... I have valign=top ... why should Firefox be different ...
Hope someone can help ....
Many thanks
Όλες οι απαντήσεις (5)
1st, you are missing a proper DOCTYPE statement triggering Firefox to render in the quirks mode (guessing how to render that page).
http://www.w3.org/QA/Tips/Doctype
"But the most important thing is that with most families of browsers, a doctype declaration will make a lot of guessing unnecessary, and will thus trigger a "standard" parsing mode, where the understanding (and, as a result, the display) of the document is not only faster, it is also consistent and free of any bad surprise that documents without doctype will create.
http://en.wikipedia.org/wiki/Quirks_Mode
2nd, try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.
Many thanks ... that was prompt!
Will follow up on the suggestions, appreciated
You have placed the content with the History header in one TR container and the sidebar in another TR below it and Firefox place them after each other.
This causes the sidebar to start lower.
It works if I move the TD elements from that TR to the TR above it, so all TD containers are in the same TR.
cor-el .. thanks
I'm an intermediate html-er
Would appreciate it if you could show me exactly where the changes are I need to make ... which line I need to cut & paste .... ... sorry to be a pain.
http://www.shambles.net/pages/staff/lstyles/
Appreciated ...
Chris
It would be best to ask advice at the above mentioned MozillaZine forum if you need more guidance.
You can see what happens in you open the built-in inspector via the right-click context menu and click its toolbar button the "Select element with mouse".
Then you can move the mouse pointer around the browser window and see how various elements are positioned and their dimensions.
You will see that the container just above where the right column start expands to the full width.
If you place the right column content in that container then the right column will be positioned at the top.
I don't know if there is an easier solution possible that uses CSS code to accomplish this, but at the MozillaZine "Web Development/Standards Evangelism" forum they should be able to help you.
You need to register at the MozillaZine forum site in order to post at that forum.