Pages jump

**jcaywood** · 06-03-2010, 10:05 PM

I have a new site and, in Firefox, several of the pages jump and do not line up with the rest of them. I've checked page width, made sure nothing was hidden, made sure that centering of the page is checked, everything I can think of.
The only thing I see odd on page source is it shows some font sizes that I am not using. On the Rosters page, it shows the years listed as font size= 16 but they are actually 12, etc. I've double checked and triple checked and...

The pages seem to line up in BV, and I only see the jumps when using Firefox.

Does anyone have any clues. Anyone had this experience with FF?

http://www.aycock-alumni.com/

http://www.aycock-alumni.com/rosters.php

**CarbonTerry** · 06-04-2010, 07:59 AM

Your pages are different widths.
Some are 900
Some are 902
Some are 904
I get this info from your source code.

**jcaywood** · 06-04-2010, 02:37 PM

Thanks Terry, I did find some pages with 902, etc. I've gone thru every page and they are all set at 900 now. I've even put a red '900' on each page to make sure I didn't miss one.
But looking at my index page and rosters page there is still a jump. Both are set at 900 width. When I right click the pages and click 'view page source' I get this for the 2 pages:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Aycock High School Rosters - Rockdale, TX</title>
<meta name="AUTHOR" content="Jerry Caywood">
<meta name="KEYWORDS" content="Aycock High School, Rockdale, TX, roster">
<meta name="DESCRIPTION" content="Rosters of graduates of Aycock High School, Rockdale, Texas">
<meta name="GENERATOR" content="Created by BlueVoda">
<style type="text/css">
div#container
{
width: 900px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;

***

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Aycock Alumni Community Association, Inc. - Rockdale, TX</title>
<meta name="AUTHOR" content="Jerry Caywood">
<meta name="KEYWORDS" content="Aycock Alumni Community Association, Rockdale, TX">
<meta name="DESCRIPTION" content="Alumni Association of Aycock High School, Rockdale, Texas">
<meta name="GENERATOR" content="Created by BlueVoda">
<style type="text/css">
div#container
{
width: 900px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;

And I still find it strange that Firefox jumps but Chrome & IE don't. I have even reinstalled Firefox and still get jumps. Am I overlooking something?

**DarrenC** · 06-04-2010, 02:51 PM

Your page content determines the length of your page. On your longer pages the need for the scroll bar appears on the right giving the appearance that your pages are jumping. Nothing you can do about that unless you make the pages long enough so the scroll appear on every page or indeed short enough so they don't.

**jcaywood** · 06-04-2010, 03:08 PM

I'd never noticed that before. I guess I've never had short and long pages together in a site. Wow!

Many, many thanks! I've been pulling out what little hair I have left!

**CarbonTerry** · 06-04-2010, 06:26 PM

Nice catch DarrenC.

Thread: Pages jump

LinkBack

Thread Tools

Pages jump

Re: Pages jump

Re: Pages jump

Re: Pages jump

Re: Pages jump

Re: Pages jump

Thread Information

Users Browsing this Thread

Posting Permissions