e lohroff wrote: >>>>> http://lohroff.com/MOPStest/index1_900.html >>>>> http://lohroff.com/MOPStest/calendar.html >>>>> http://lohroff.com/MOPStest/andreastest_900.css > > > Georg wrote: > >> The term ".equal blah blah" sounds like fun. I guess that's what it >> is though - a lot of "blah blah" :-) > > > No offense intended! Just using my own shorthand :-)
None taken (of course). I think I'll call them "blah blah columns" from now on though (if I can remember the term :-) ). >> The problem is that you have missed 'specificity' snip < An ID (#) >> has much higher specificity than a CLASS (.), so since you have >> declared margins and paddings for each column with an ID, the >> margins/ paddings declared on the CLASS .equal is being overruled >> by what's declared in #navmenu, #extras and #content -as it should >> be. > > > Got it. Makes sense. Fixed my margins and borders there. Make note: There are too many margins and paddings set to zero in your stylesheet. A div doesn't have default-margins and -paddings - which means they are zero to begin with. Thus, no need to declare margins/paddings at all unless you want/need something other than zero. The same goes for many (if not most) elements, so you can save a lot of file-size by only adding such declarations _when_ you see an unwanted default-offset in a browser. --- Since you like shorthand ( :-) ), the following article might be quite useful... <http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/> ...as long as you keep track of such factors as specificity and the cascade. --- I'll also advice you to avoid such "short-hand" constructions as this in your source-code... <p /> ...even if the validator doesn't complain. Proper start and end tags on elements will assure a more consistent rendering across browser-land, and most "short hand html" are better left behind in the dark ages of "tag soup". You'll be surprised by what you can get away with in those validators, as this example shows... <http://virtuelvis.com/download/162/evilml.html> ...but that doesn't mean it's any good, and it certainly does not guarantee consistent rendering across browser-land. >> You also have to add... snip < ...to keep those 'equal height' >> columns from going too far down, and overlap the footer on their >> way. There's a 'star html' hack in there to save older IE/win >> versions from their own weaknesses. > > > OK, I added those, but it's still broken in IE. Must have missed > something yet again. Care to give one last piece of advice? Sure. I missed an important detail that IE/win has its own interpretation of: margins/paddings on floats vs. non-floats. So, you must delete the class="equal" on the following... <div id="content" class="equal"> ...since the "blah blah columns" method does not work as intended on 'non-floats' in IE/win. That should be it. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
