Hello, this is a common problem and there are a couple of solutions for it. You might go with this: http://www.satzansatz.de/cssd/companions.html
or this http://www.alistapart.com/articles/fauxcolumns/ Hope that helps, Christian > -----Original Message----- > From: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] On Behalf Of > Denise Flinchbaugh > Sent: Tuesday, August 05, 2008 11:28 PM > To: '[email protected]' > Subject: [css-d] Expand containers etc > > > I'm a relative newbie to the finer art of using style sheets. > I am currently converting "look and feel" for our website. I > am having a couple of issues that I would love some assistance with. > > URLs to see what I've done are: > http://www.medsimulation.com/example/HomePageTemplate.asp > http://www.medsimulation.com/example/InteriorPageTemplate.asp > > Issues: > > General Note: > All of out content and menu and navigation is generated > dynamically - it can and does change from page to page so we > do not have a pre-determined height. > > I am using XHTML strict and CSS 2. > > 1. I have a container called contentContainer (contained > within bodyContainer). Within this container are navigation > container (left) and content container (right). I want these > to expand to the same height depending on the greatest > height. For example, in InteriorPageTemplate, my content > container (Lorem .....) is greater than my navigation > container (Recent News title). I want my navigation to expand > to the same height as the content. In HomePageTemplate, my > navigation container (Solutions title) is greater than my > content container (Lorem ...). I want the content to expand > to the same height as my navigation. I can use javascript to > calculate the largest height and set the height on the other > but wondered what is the better way to do it; can I do it > based on css; etc. 2. When I display the page in IE 7, all > the elements appear where they should. However, when > displayed in Firefox or Safari (windows), it is like the > contentContainer has become disembodied from the > bodyContainer. I noticed that when I look at the layout of > contentContainer (in Firebug) it has a 0 (zero) height and > changing this height "fixes" the issue but we do not have > fixed height (see General Note above). What have I done wrong > - why isn't it determining its height from the elements that > are contained with in it? I've tried things like height: > auto. 3. The navigation container on the InteriorPageTemplate > consists of top and bottom elements. When I display the page > in IE 7, the bottom part of the navigation appears correctly. > However, in FF and Safari, the left hand image appears above > the right hand image. Wondering why... > > Thanks for help in advance..... > > > Denise Flinchbaugh > ______________________________________________________________________ > 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/
