J Hodge wrote: > The example page is: > http://www.lostinxlation.net/sandbox3/portfolio/cybernomics3.php > > The CSS is: > http://www.lostinxlation.net/sandbox3/css/alternate.css > > > How it should display: > The "1 2 3" links should display right-aligned (lined > up with the > right-side of the images), roughly 20px below the > #mainContent, and > should maintain a 60px margin at the bottom, between > them and the green > #mainNav area. The #portDetails should entirely > display in the right > column, with the top roughly aligned with the top of > the images. Both > #mainContent and #portDetails should be positioned > starting 60px below > the green #banner. Scaling the font size up should > not impact the 60px > of whitespace below the "1 2 3" links, or the 20px of > whitespace above > it, or the 60px of white space between #mainContent / > #portDetails and > #banner. > > > ~~J. Hodge > "treswife at gmail dot com" >
I am not so sure I followed all that, but anyway this is a simple version that /may/ meet some of your concerns. One can maintain the top and bottom 60px margin. However, with font-scaling one or the other column will be taller-- depending on whether the user scales the font up or/ down. It is not CSS that is necessarily difficult, but rather understanding and working with the mysteries of the Web herself that is sometimes daunting (but fun). Cursory tested in IE7, IE6, Opera/9.24, and FF/whatever it is version... <http://www.chelseacreekstudio.com/ca/cssd/ja1.html> HTH, ~dL -- http://chelseacreekstudio.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/
