Re: [WSG] Making a container div the same height as the longest div in it in mozilla browsers.
Ben Wrighton - StraightForward wrote: Works in IE and Opera but in all the Mozilla browsers I've tested in (Netscape, Firefox and Mozilla) the container doesn't wrap around the divs. I know it's something to do with all the divs in the container div being floated. If anyone can tell me how to solve it or point me in the direction of the relevant resource I would really appreciate it. Besides the P.I.E. method others have already linked to, floating the container will also work. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Making a container div the same height as the longest div in it in mozilla browsers.
Hi all, I'm displaying my cell borders using the page container div's background image and border properties. Works in IE and Opera but in all the Mozilla browsers I've tested in (Netscape, Firefox and Mozilla) the container doesn't wrap around the divs. I know it's something to do with all the divs in the container div being floated. If anyone can tell me how to solve it or point me in the direction of the relevant resource I would really appreciate it. The page is at http://www.sittingpretty.co.nz/Demo/ The style sheet is at http://www.sittingpretty.co.nz/Demo/style.css - html and css validate Thanks in advance. Ben P.s - as the URL suggests this is still in beta. The semantics etc. aren't finalised. ** 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] Making a container div the same height as the longest div in it in mozilla browsers.
I'm displaying my cell borders using the page container div's background image and border properties. Works in IE and Opera but in all the Mozilla browsers I've tested in (Netscape, Firefox and Mozilla) the container doesn't wrap around the divs. I know it's something to do with all the divs in the container div being floated. If anyone can tell me how to solve it or point me in the direction of the relevant resource I would really appreciate it. Floated elements don't take up space inside the container, so the container won't stretch down to contain them (except in IE, which has it's own way of dealing with things). To force the container div to stretch, you can add a clearer div after all floated elements: E.g.: div style=clear: bothnbsp;/div However, there's another method [1] that does it the clean way, without structural markup, which I prefer. Prabhath http://nidahas.com [1] http://www.positioniseverything.net/easyclearing.html ** 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] Making a container div the same height as the longest div in it in mozilla browsers.
Ben Wrighton - StraightForward wrote: I know it's something to do with all the divs in the container div being floated. If anyone can tell me how to solve it or point me in the direction of the relevant resource I would really appreciate it. try this and see if it doesn't help. http://www.positioniseverything.net/easyclearing.html dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
