Firefox problem- Auto resizing with CSS -- bug or not? Working in IE,NS,Opera.

[Paul]

HI! I have problem getting the body to resize to its content in Firefox
1.06. I have an Iframe that in which its content height changes. so I put
all the css table and body to auto. so that when the content of the iframe
changes the body will shorten or expand to the content.

This works fine if IE 6.0 and Netscape 7.0 or 8.0. and also Opera 8.0. but
not in Firefox 1.06.

I have not tried other version of firefox for comparison but I am curious to
know if this is a bug with firefox.

Here is an example of what makes the difference in the definition of the
body code in CSS that resizes the body to its content for all the other
browsers

body {
background-color: #CCCCCC;
background-image: url(../../Without_fl/Html/images/top_bg.jpg);
margin: 10px auto;
height: auto;
padding: 0px;
}

Without setting the height: to auto the other browsers will not resize the
body to its content. once I set it all works ---except in firefox 1.06

Here is a link to the page. select the menu option "template" then choose a
sub-category. once loaded, click on "Home" you will see the page is the same
height size as it was before ( Not resized ). If you try this in other
browsers it will resize to its content.

http://www.webcandesign.com/with_fl/Html/main_test_newnew1.asp

Does anyone have any clues to what might be causing this or is it a bug?

Thanks in advance

Paul

 

[Jbw1291]

It's working fine for me in Firefox 1.0.6

 

[Paul]

HI! Thanks for responding. hmmm, perhaps an extension problem. you when you
clicked on menu Item " templates" it loaded a page that expands then you
click back on home ( Not by pressing the back button but on the menu) it
reloads the intro page and you scroll down and it stops flush at the end of
the page? ( meaning that it does not continue beyond the end of the table or
content that is being displayed ) this is what I mean. is this correct?

Sorry to repeat this but I want to make sure that I am understood to avoid
me going in the direction.

 

[Paul]

Ok Solution FOUND. With trial and error and a bit of reading. I found the
solution to my problem.

All we have to do in this case is define the positioning of the body as
ABSOLUTE in the CSS.

Here is any example of the CSS body tag..

body {
margin: auto;
padding: 0px;
height: auto;
position: absolute;

}

That's it.

Thanks to all that have read and replied to my post.

Paul Dallaire


----------------------------------------------------------