Solved

Website loads funny in firefox...

Posted on 2006-06-20
5
230 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: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering 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

Title # Comments Views Activity
removing a class in javascript 4 70
Validating Date Part2 2 27
Timer on div 5 23
HTML editor custom button 3 55
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

763 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