width question

liunx

Guest
In IE6 both of these pages are the same size, but in mozilla, the second is about 10px narrower, any idea why?
Page 1 (<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/media/default.htm">http://www.medford.k12.or.us/media/default.htm</a><!-- m -->)
Page 2 (<!-- m --><a class="postlink" href="http://www.medford.k12.or.us/media/authors.htm">http://www.medford.k12.or.us/media/authors.htm</a><!-- m -->)Can't help ya: Error messages for both.my mistake, gave the local addy instead of the external, links should work nowYou have the <h1> styled with a background image - the second page's <h1> is wider than the first, because the <h1>'s background image is wider.
So technically, it seems the second page is wider, because the header is wider.Hm.. well on Mozilla it's like an optical illusion. They look different widths, but i used prntscrn and lined 'em up on an image editor and they were the same width... weird. Oh, yeah, the links do work but i think you could tell that already... :rolleyes:

On a side note... good job on doing a non sucky page for a school... you are making that for a school, right?Paul: I'm pretty sure its not an illusion, the outermost container is definately narrower on the authors page. This is how i tested it: open page 1, then click the authors link. put cursor on right border of outermost container, then i pressed alt+left then alt+right alternately. In firefox, it shifts left & right as you go back and forth.
Omega: yes, its for a school, and anti-crappieness is one of the goals.

EDIT: On second thought, Maybe firefox was adding scrollbars on the second page, thus shifting the center... don't have firefox on the current computer, but if someone could test that and let me know if thats the case, that'd be great. if that is the case, is there any css to show vert-scrollbars no matter what?The containing divs are the same width but one page has a scrollbar that encroches on the page, making the margins slightly smaller.awesome, good to knowyeah when i lined them up i just cut out the divs... <!-- m --><a class="postlink" href="http://projep.t35.com/phptests/widths.html">http://projep.t35.com/phptests/widths.html</a><!-- m -->

and i would hope anti crapiness would be a goal. :)
 
Back
Top