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 Office: (303) 483-2861 MSC Support: (866) 246-8057 / (303) 483-3937 www.medsimulation.com ______________________________________________________________________ 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/
