Loading ...
Sorry, an error occurred while loading the content.

Scrolling in Explorer

Expand Messages
  • Axel Berger
    I have a fluid three column layout where I allow one column to be made smaller than some of the images in it. Invoking an {overflow: auto} is a problem,
    Message 1 of 2 , Sep 29, 2007
    • 0 Attachment
      I have a fluid three column layout where I allow one column to be made
      smaller than some of the images in it. Invoking an {overflow: auto} is a
      problem, because the column may get very long and the scrollbar is right
      down at the bottom. I solved this through a dedicated wrapper.
      Thus I have:

      <DIV> definining the width of the column
      <DIV> defining a border, the background colour and possibly other
      niceties
      <DIV.IMG> {text align: center; overflow: auto}
      <IMG>
      </DIV></DIV></DIV>

      Now in Firefox and in Opera this works exactly as I want it to: When the
      image gets too wide for the column, a horizontal bar is placed right
      beneath it - perfect.

      I absolutely can't make this work in IE. Try as I might I can make
      scrollbars appear on the outermost of the DIVs only, but not on any of
      the inner ones. For now I allow IE to keep the column at the image width
      regardless, as IE wants to do anyway, unless a 'hidden' is invoked. But
      I would prefer to allow the user to size his window down further, which
      is perfectly fine for ninety percent of all content anyway.

      Any ideas?
      Axel
    • Cary
      Do have a test page url you can give us?
      Message 2 of 2 , Sep 29, 2007
      • 0 Attachment
        Do have a test page url you can give us?


        --- In ntb-html@yahoogroups.com, Axel Berger wrote:
        >
        > I have a fluid three column layout where I allow one column to be made
        > smaller than some of the images in it. Invoking an {overflow: auto} is a
        > problem, because the column may get very long and the scrollbar is right
        > down at the bottom. I solved this through a dedicated wrapper.
        > Thus I have:
        >
        > <DIV> definining the width of the column
        > <DIV> defining a border, the background colour and possibly other
        > niceties
        > <DIV.IMG> {text align: center; overflow: auto}
        > <IMG>
        > </DIV></DIV></DIV>
        >
        > Now in Firefox and in Opera this works exactly as I want it to: When the
        > image gets too wide for the column, a horizontal bar is placed right
        > beneath it - perfect.
        >
        > I absolutely can't make this work in IE. Try as I might I can make
        > scrollbars appear on the outermost of the DIVs only, but not on any of
        > the inner ones. For now I allow IE to keep the column at the image width
        > regardless, as IE wants to do anyway, unless a 'hidden' is invoked. But
        > I would prefer to allow the user to size his window down further, which
        > is perfectly fine for ninety percent of all content anyway.
        >
        > Any ideas?
        > Axel
        >
      Your message has been successfully submitted and would be delivered to recipients shortly.