Click to See Complete Forum and Search --> : Site Loads Strange in Firefox
dlc2002
04-16-2008, 04:55 PM
Created a simple html website for a client in Dreamweaver. Loads fine in every browser except Firefox. Need help figuring out how to fix it. You can see the problem by clicking on the following link in Firefox:
http://www.diamondloungecreative.com/projects/dance411_pole/index.html
It kind of jumps up the page as it's loading. :confused: Not too cute. Any suggestions?
Thanks!:)
Centauri
04-16-2008, 08:38 PM
This is a normal consequence of table layouts full of images - the browser does not know the sizes of everything until the images load in, where the sizes are then known and the cells can adjust accordingly.
The only suggestion I would have is to bring this into the twentieth century and not use slice-and-dice table layouts, but write semantic, valid, accessible code with modern styling techniques - will require a complete rewrite and knowlege of html coding to do so.
drhowarddrfine
04-16-2008, 10:02 PM
No doctype which puts IE into quirks mode. You'll never get IE to attempt to perform like modern browsers, such as Firefox, without one. Quit trying to fix modern browsers by comparing them to old, broken non-standard IE.
ray326
04-16-2008, 10:41 PM
bring this into the twentieth centuryTwenty-first maybe? :)
Centauri
04-17-2008, 12:24 AM
Twenty-first maybe? :)
Maybe I'm implying that table layouts are Nineteenth century :D
dlc2002
04-17-2008, 09:26 AM
So other than re-doing it, are there not other fixes? Sorry, I'm not a web designer, just a novice.
Centauri
04-17-2008, 09:59 AM
The only thing I can think of is maybe specifying the height of the <td>s which contain graphics.
dlc2002
04-17-2008, 10:08 AM
Ok. How do I do that in Dreamweaver?
Centauri
04-17-2008, 10:37 AM
I think it should be a matter of going through and adding a height attribute to each <td> that contains an image, and setting that height the same as the image. For example, you would add the part highlighted in red <td height="25">
<img src="images/index_22.gif" width="510" height="25" alt=""></td>and do this for each instance of an image. Not overly sure whether this works when the <td> has a colspan / rowspan or not - I don't do table layouts.
dlc2002
04-17-2008, 12:29 PM
Thanks! I'll try that.