Hey all,

I'm writing in to offer deep gratitude and a late thank you to BJ Clark, Georg, 
Don Hinshaw and Philippe Wittenbergh for their help with my first CSS site.  
You can see a preview at www.learnerdesign.com/acufamily/index.html.
 Browsershots showed me that safari 2.0, the div#main content separates from 
the navigation menu and moves to the right.  Any ideas how I can fix that?  
Also, what is the easiest way to center the content on the page horizontally?

I would appreciate any feedback you have, and if there are any glaring errors, 
please let me know.

I have read a lot of messages about establishing equal height colums using faux 
columns background images or a variety of padding/margin solutions(adding a 
huge padding with an equally huge negative margin), or scripting solutions.  
The padding/ margin solution failed me when I had anchors in a div, the div 
content became hidden, and shifted up out of its containing div, when the user 
clicked on the anchor link.

A simple solution came to me for a two column layout.  Use 
www.learnerdesign.com/acufamily/faq.html for reference.  I gave the containing 
div, #main_body, for the two divs named #nav and #main_content a background 
color which would end up being the background color of the shorter div, which 
is #nav.  I then gave the taller div, named #main_content a different 
background color and Shazzam you have what appear to be equal height columns.  

This wouldn't work for more complex three column layouts, unless two of the 
columns shared the same background color, but I thought it would be worth 
mentioning for people who only need to do a two column layout. 

Noah 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to