Solved

Website loads funny in firefox...

Posted on 2006-06-20
5
226 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
Comment Utility
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
Comment Utility
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
Comment Utility
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

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Basic CSS issues 24 34
Hover Gone 16 29
jquery adding parameter to hyperlink url 8 35
Scrolling the scrollbar in a list in html 9 25
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

762 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now