Advanced Search

Results 1 to 1 of 1

Thread: IE6, float left and a wide page - Div Jumps To The Right

  1. #1
    Join Date
    Oct 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default IE6, float left and a wide page - Div Jumps To The Right

    Hello All,

    A first post here so please be gentle with me! A website I'm working on has content of varying widths displayed on the page in tabular form - sometimes a horizontal scroll bar is displayed due to the quantity of data being shown.

    I've recently added a sidebar links menu based upon the design based upon the CSS Liquid Layout #2.1- (Fixed-Fluid) here:

    http://www.dynamicdrive.com/style/la...21-fixed-fluid

    It works great for FireFox and IE8 but (and there's always a "but"!) IE6 fails miserably.

    EDIT:

    After stripping out lots of JS and other bits, it seems that the left-hand div displays correctly on the far left of the page & screen in IE8 and firefox. For IE6 the left-hand div displays on the left of the whole page when the scrollbar has been moved to display the far right of the page.

    Bar should be here regardless of page width
    |X|
    +--------------+


    +--------------+
    ......| <- Scroll bar moved over so far right of page is displayed
    ......|X|
    Bar is here on IE6


    . It seems that the div is using (whole_page_width - screen_width) to calculate where the div is placed rather than at 0px

    . It only happens in IE6 (from the testing so far)

    After trawling the web and spending days trying to fix this, I've found lots of issues with IE6 and divs (peekaboo etc) but nothing that directly relates to what I'm seeing. My main question is, have any of the forum seen anything like this before, is it a known bug and is there anywhere that you can point me to read for ideas on how to fix it?

    Thanks

    matt
    Last edited by wm419142a; 10-27-2009 at 12:09 PM. Reason: New Info

Bookmarks

Posting Permissions

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