I'm interested to know why some html tables seem to "expand out" way across the screen as a page is loading only to collapse back to their intended size when the page load is complete. I've got a php/html site that exhibts this behaviour on the main page - see importlister.com
I'd like to stop this occurring if possible more from an asthetics point of view while a pages loads as it obviously finishes up looking right when it completes it page load so the actual table sizing is ok - but something is causing the expaqnded view during load..
Once it is cached it reloads without issue.
Cheers.
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
It's because you have images in the table widths and while the images are not loaded there is no set size of the table which get reszied automatically when the image finishes loading.
I would suggest using <table width="_WITH_"> in your site, set the with to be the same size of the image that you are storing in your table so that they are static size so that they will not resize themselves after the site is loaded.
I hope this helps.
Tried all variations listed above including all of them at once! and still the problem persists...
I can see a pattern however. Once it is loaded and I hit refresh it reloads perfect everytime. If I log out of the site and then log back in it seems that at that point the refresh stuffs it up and expands half the boxes across the screen. The only difference between a refresh and logging in and out of the site is the column on the far left changes to show the login information (if you are not logged in yet) or welcome information (when you are logged in). I can't see how the change in that column can affect the table layouts in the middle which are completely separate.
Any other ideas?
Yes, it's not really anything to do with your tables, or your image elements. Although as sam85281 says, all your image elements need their width and height specified, (to avoid resizing as the page loads) even if they are not being stretched.
Your main cluprit is your body's onload event. The loadScroller function, it is not triggered until all your images have finished loading, then it performs some width calculations.
You could try changing:
<script type="text/javascript" language="JavaScript">buil
to:
<script type="text/javascript" language="JavaScript">buil
- but not unless you've got all your widths sorted from the start.
Also, the HTML is quite untidy, look at http://validator.w3.org/ch
Business Accounts
Answer for Membership
by: SteggsPosted on 2006-09-05 at 10:22:12ID: 17457395
Greetings slater27,
Have your tables got designated width's
Regards