Solved

Website loads funny in firefox...

Posted on 2006-06-20
5
229 Views
Last Modified: 2011-08-18
Hey guys can you check this out, i'm stumpped. I have developed a website www.tvbistro.com and if you look at it in firefox, when you load a page the left bar loads, the middle loads then the right loads, it's very strange, doesn't happen in IE and I am pulling hair :) Thank you a TON for any help!
0
Comment
Question by:wglenn
5 Comments
 
LVL 18

Accepted Solution

by:
Eternal_Student earned 168 total points
ID: 16943258
My first point would be that you have coded this using tables so it is being loaded from left to right naturally that is the way tables work.
You could align the cells containing the nested tables left ? There is also a delay in your page loading .. i think this is your server ?

If you coded this using layers for LAYout you would reduce your code significantly and I think the page would load a lot smoother.
0
 
LVL 30

Assisted Solution

by:GrandSchtroumpf
GrandSchtroumpf earned 166 total points
ID: 16943468
For a quick fix, since your table has a fixed width, try using "table-layout: fixed" and specify the width of all the cells:

<table style="table-layout: fixed; width: 800px;">
  <tr>
    <td style="width: 150px,">First</td>
    <td style="width: 500px,">Second</td>
    <td style="width: 150px,">Third</td>
  </tr>
</table>

This won't change the way the page loads, but it should prevent the table from resizing.
For a real fix, you should use content/presentation separation.
This means that you should not use tables for layout.  Tables are for tabular data, so you should still use tables for your chanel tables that contain the channel number and channel name.
And don't forget to validate your HTML and CSS.
0
 
LVL 7

Assisted Solution

by:NetExpert
NetExpert earned 166 total points
ID: 16956361
The loading from left to right isn't that strange though, many sites I visited behave the same way.

I'd use a mask layer to cover the page and unmask it when the page is fully loaded. But changing table to layers or fixed table size as suggested above is a better solution anyway.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

827 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question