View Full Version : XHTML and CSS position oddity with IE and FF

12-02-2005, 09:50 AM
I have a little glitch with one of my pages using IE and FF. The page works fine in IE but when I load the page in FF the whole "page" moves what looks to be about 10px left. I've starred at the code and CSS forever and it doesn't make sense to me why it's doing this. This page does not fully validate due to the embedded I-frame. I suspect maybe this is causing the problem but any help would be appreciated.

test site: www.itrecycler.com/luke/
The page that shifts to the left in FF is the Property Search page.

12-02-2005, 01:01 PM
It moves to the left because the scrollbar is on the right while your home page does not have a scrollbar.

12-02-2005, 01:19 PM
drhoward is correct. IE by default has the scrollbar there, FF and other browsers don't display the scrollbar if it doesn't have to. This article (http://www.communitymx.com/content/article.cfm?cid=528A0) might interest you.

12-02-2005, 07:32 PM
That was it! Thanks for the information. I can't believe I did not notice that. I guess that's what 4AM does to you sometimes :) I read that information about the page shift and fixed my CSS to reflect the change. Thank you!

I do have another question. It appears I can't use an I-FRAME in an XHTML Strict document and have it validate properly. I have to use the Frameset doc type to use an I-FRAME? This does not make sense to me since the I-FRAME is used to embed a frame without the need to split up the page like the Frameset tag suggests. The page is question is the same one referenced above. It will not validate with a Strict or Frameset doc type designation. The page functions properly in the browsers I tested it with. Any suggestions on how to accomplish this task and still have 100% validation for this page?


12-02-2005, 07:40 PM
use a scrollable-div? (overflow:auto; as a CSS property)