Hi friend .
you have to set the following in bottom div
#bottom {
position:absolute or relative;
backgroun:left bottom;
}
and
#content {
display:inline;
}
try with this its
Thanks
parames
On 2/28/08, Daniel Kabs <[EMAIL PROTECTED]> wrote:
>
> Hi there,
>
> Internet Explorer (6 and 7) confounds me with inconsistent scrollbar
> behavior.
>
> I use three DIVs for creating a three row layout
> - header DIV
> - content DIV
> - footer DIV
> The second DIV has overflow set to auto. I'm seeking a fluid layout. That
> is the header should "glue" at the browser window top and the footer at
> the bottom - no matter how much content is in the second DIV.
>
> I failed to get a fluid layout applying CSS only, so I asked Javascript
> for help: I use Javascript to adapt the second DIV's CSS height so that
> all three DIVs fit in the browser window.
>
> Usually scrollbars appear on the second DIV. However, if the user
> increases the browser window width (until content fits) the x-scrollbar
> is unnecessary and thus should disappear. Instead, depending on the
> browser window width at the time the document was loaded the x-scrollbar
> stays.
>
> The problem is best explained using an example. So please see this
> stripped down version of the original page where I first encountered the
> problem:
>
> http://14mb.de/u/dkabs/testcase_ie_resize.html
>
> The page contains three DIVs: header, content (yellow background), and
> footer DIV (and an advert, but I did not place it). The Javascript code
> has been replaced by a form button that sets CSS height of content DIV to
> 200px. The form buttons also simulates a fixed width content in order to
> force a horizontal scrollbar to appear if the browser window is made
> small enough.
>
> Try this:
> - load page in a small browser window
> - press button on page -> x- and y-scrollbars on content DIV appear
> - increase browser window width [*]-> x-scrollbar stays (unexpected)
> - reload page (this time the browser window is wide)
> - press button on page -> y-scrollbar, but no x-scrollbar
> - shrink page width -> x-scrollbar appears (as expected)
> - expand page width -> x-scrollbar disappears (as expected)
>
> [*]Strangely enough, if the browser window is maximized using "Maximize"
> window button, the x-scrollbar duly disappears.
>
> How can I work around this problem? I'd like to get rid of the x-scrollbar
> if it is not necessary and still keep the layout fluid. How can I do
> this?
>
> Cheers
> Daniel
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
