Michael Beaudoin wrote: > Thanks for your help. I appreciate it. > > Two quick questions... > > - in your css, you put #sidebar and #cap. I'm not sure what those do. > Can you do a quick explanation? > > - how can I get the left nav column to drop down when the content area > gets deeper? > > Thanks again, I'm learning a bunch. > > M > > > > > > > On Feb 26, 2009, at 1:50 PM, David Laakso wrote: > >> >>> >>> Cursory checked in Mac compliant browsers and XP IE/6.0 and 7.0. >>> html >>> <http://www.chelseacreekstudio.com/ca/cssd/mou.htm> >>> css >>> <http://www.chelseacreekstudio.com/ca/cssd/mou_files/moulin00.css>
The goofy colored borders are intentional-- helps both of us see what is where. Compare the color borders, the css, and the markup changes and things may be more obvious. The page was changed to a simple two column layout so that the columns are independent of each other. Compare your page with mine at min-font size 32px in Opera and you'll see the difference it makes. opera address bar>opera:config>min>font-size>32 #sidebar is the left column. #content is the right column. #sidebar is a narrow box enclosing #cap and your v-nav. #cap resides inside, and at the top of, #sidebar. It encloses the left side (text side) of horiz_na.jpg. I did not take the time to crop it nor put its right side in the h-nav container. Your v-menu resides in a box within #sidebar beneath #cap. #content is the right column. It encloses your h-nav at the top, and your primary text beneath the -nav. The colors of #sidebar can reach the footer regardless of which of the two columns is longest employing a repeated image to make a "faux column"[1]. Or it can be done using only CSS[2]. [1]<http://www.alistapart.com/articles/fauxcolumns/> [2]See equal height columns, here: <http://www.positioniseverything.net/articles/onetruelayout/> Reply to the list so others can contribute their thoughts to your issues. There is more than one way to do anything and someone may have a better solution for you than mine. Please also bottom post. It is not a list policy but is greatly appreciated for a lot of reasons including making it easier to search the list archives. hth ~d ______________________________________________________________________ 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/
