Re: [WSG] expand divs height with content
Gunlaug Sørtun wrote: Jeffery Fernandez wrote: I am trying to get a Div to expand its height when the content grows. Site development url is http://www.hotshot.com.au/dev/fpaa/ This: http://www.positioniseverything.net/easyclearing.html , or any other clearing-method, should fix that problem. BTW: IE6 won't display the two center-columns at all. Try a HasLayout trick like height: 0; or position: relative; for IE/win only, to fix that. Georg Thanks everyone, I realised it wasn't the best solution to make the middle 2 columns with div's so I resorted to a table layout for the middle two columns. cheers, Jeffery ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** . ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] expand divs height with content
On 21 Dec 2004, at 3:44 PM, Jeffery Fernandez wrote: Hi all, I am trying to get a Div to expand its height when the content grows. Site development url is http://www.hotshot.com.au/dev/fpaa/ As you can see the middle colum has some extra content and it is not forcing the increase of the height of the parent div which is div id=bodyWrapper This is the sequence of the divs: div id=bodyWrapper div id=content div class=contentLeft div class=contentBlock/div div class=contentBlock/div div class=contentBlock/div /div div class=contentRight div class=contentBlock/div div class=contentBlock/div div class=contentBlock/div /div /div /div So in my case when content grows within the content block, I want bodyWrapper to grow in height too. Anyone have suggestions? cheers, Jeffery Jeffery, you have nothing in your div#content that isn't floated. As a floated element is taken out of the flow of the document content, it's as if the div hasn't got anything in it at all. Try and float just #contentLeft or #contentRight, but not both. Remember to clear your floats. Not sure that your uses of position:relative is quite correct... HTH N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] expand divs height with content
Try and float just #contentLeft or #contentRight, but not both. There's nothing wrong with floating all your columns. In fact, I always float both columns as I find it more reliable than using margins/padding to clear adjacent cols. This article will solve your problem. Apply the hack to your main container http://www.positioniseverything.net/easyclearing.html Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] expand divs height with content
But isn't the problem that the content inside the float div is also a float div therefore overlapping/breaking out of its container the container ... ? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andrew Krespanis Sent: Tuesday, 21 December 2004 4:49 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] expand divs height with content Try and float just #contentLeft or #contentRight, but not both. There's nothing wrong with floating all your columns. In fact, I always float both columns as I find it more reliable than using margins/padding to clear adjacent cols. This article will solve your problem. Apply the hack to your main container http://www.positioniseverything.net/easyclearing.html Andrew. http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. Please note that any views or opinions presented in this email are solely those of the author and do not necessarily represent those of the company. The recipient should check this email and any attachments for the presence of viruses. The company accepts no liability for any damage caused by any virus transmitted by this email. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] expand divs height with content
Jeffery Fernandez wrote: I am trying to get a Div to expand its height when the content grows. Site development url is http://www.hotshot.com.au/dev/fpaa/ This: http://www.positioniseverything.net/easyclearing.html , or any other clearing-method, should fix that problem. BTW: IE6 won't display the two center-columns at all. Try a HasLayout trick like height: 0; or position: relative; for IE/win only, to fix that. Georg ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] expand divs height with content
Wybrow, Mark wrote: But isn't the problem that the content inside the float div is also a float div therefore overlapping/breaking out of its container the container ... ? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andrew Krespanis Sent: Tuesday, 21 December 2004 4:49 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] expand divs height with content Try and float just #contentLeft or #contentRight, but not both. There's nothing wrong with floating all your columns. In fact, I always float both columns as I find it more reliable than using margins/padding to clear adjacent cols. This article will solve your problem. Apply the hack to your main container http://www.positioniseverything.net/easyclearing.html Andrew. Thanks guys for the responses. I have tried clear:both and still nothing happens. So I have decided to scrap all the unwanted styles and get this section by itself. I have created a new page: http://www.hotshot.com.au/dev/fpaa/DEVELOPMENT/float.htm I have the bare minimum to test and I have got the float to expand to the contents length. But now my problem is the contentRight. No matter what I do I am unable to have both columns sitting parallel to each other. If I do get them to sit parallel, then the containing div disappears. :-( Cheers, Jeffery http://leftjustified.net/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. Please note that any views or opinions presented in this email are solely those of the author and do not necessarily represent those of the company. The recipient should check this email and any attachments for the presence of viruses. The company accepts no liability for any damage caused by any virus transmitted by this email. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
