Help why is the format wrong? - Page 2

User 364143 Photo


Guest
5,410 posts

I see what you are talking about. It's as if the page initially loads without formating, then it kicks in. The menu is on the left and then jumps to the right when the rest of the code loads. I didn't notice the text but I did notice the page shift.

It's definitely not my internet connection as I'm averaging 17Mbps download.
CoffeeCup... Yeah, they are the best!
User 187934 Photo


Senior Advisor
20,271 posts

Which page did you see it on Tom? The only really buggy thing I see is the home page flashes white when it loads every time. :cool: *Puts sun glasses on*
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 364143 Photo


Guest
5,410 posts

Every page on the menu. Of course, you have to empty your cache after the first time around.
CoffeeCup... Yeah, they are the best!
User 187934 Photo


Senior Advisor
20,271 posts

I was able to see it with IE9.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,271 posts

Karl, Try moving your stylesheet link reference down from the top of your head section to the bottom.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 364143 Photo


Guest
5,410 posts

It happens on Chrome too. I'd bet if it happens on IE and Chrome, it happens on Opera, as well. FF is OK.
CoffeeCup... Yeah, they are the best!
User 187934 Photo


Senior Advisor
20,271 posts

I can see it in FX if I have Firebug loaded and refresh the page.:/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1886497 Photo


Registered User
148 posts

ive just got home...thanks for your help Eric & Tom I was hoping it was going to be easy like delete a line of code.

I don't know why its happening, it there a way i can upload the code to the site or can you already see that?

thanks guys, Karl :)
Karl Williams.
www.karlwilliams.co.uk
User 187934 Photo


Senior Advisor
20,271 posts

Eric Rohloff (Rolly) wrote:
Karl, Try moving your stylesheet link reference down from the top of your head section to the bottom.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1948478 Photo


Senior Advisor
1,850 posts

Karl,
I don't see any reference to an external style sheet, but you seem to be defining the size styling for the wrapper three times, - each time with different values:
First in an internal style sheet (in the <head> section): width: 1123px; height: 566px;
Then as an inline style immediately after the <body> tag: width: 1129px; height: 668px;
The third instance is an inline style about 30 lines further down: width: 1113px; height: 685px;
The browsers will apply the style specifications as it encounters them and the last inline style will be the final one.
You may want to clean up the different, duplicated style specifications and use an external style sheet for as much of it as possible. This should eliminate the shifts you (we) are seeing.
A good reference, as always: http://www.w3schools.com/css/css_howto.asp

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.