Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    XHTML and CSS position oddity with IE and FF

    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.

  • #2
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    It moves to the left because the scrollbar is on the right while your home page does not have a scrollbar.

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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 might interest you.

  • #4
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

    www.itrecycler.com/luke/search.htm

  • #5
    Senior Coder
    Join Date
    Sep 2005
    Posts
    1,791
    Thanks
    5
    Thanked 36 Times in 35 Posts
    use a scrollable-div? (overflow:auto; as a CSS property)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •