On Apr 11, 2008, at 3:42 PM, David Laakso wrote: > Keith Kaiser wrote: >> On Apr 11, 2008, at 2:23 PM, David Laakso wrote: >> >>>>>>>> re: <http://bsaroundtable.com/> >>>>>>>> >>>>>>>> >>>>>>>> > > Delete this: > > <!-- This stuff below (conditional processing for IE) is needed to > make > the menus work when the browser is Microsloth, once version 7 comes > out > it may not be necessary anymore. > --> > <!--[if IE]> > <style type="text/css" media="screen"> > #topMenu ul li {float: left; width: 100%;} > #topMenu {height:5em;} > </style> > <![endif]--> > > <!--[if lt IE 7]> > <style type="text/css" media="screen"> > body { > behavior: url(css/csshover.htc); > font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; > } > > #topMenu {height:5em;} > > #topMenu ul li a {height: 1%;} > #topMenu a, #topMenu h2 { > font: bold 0.9em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; > } > </style> > <![endif]--> > > > And relpace it with this: > > <!--[if lt IE 7]> > <style type="text/css" media="screen"> > body { > behavior: url(css/csshover.htc); > font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; > } > > #topMenu ul li {float: left; width: 100%;} > #topMenu {height:7em;} > #topMenu ul li a {height: 1%;} #topMenu a, #topMenu h2 { > font: bold 0.9em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; > } > </style> > <![endif]--> > > > Tweak #topMenu {height:7em;} > in the above conditional comment as you see fit for IE6/. > > Tweak the min-height of selector #topMenu > in the rt.css style sheet for compliant browsers and IE/7. > > > > Add this to your rt.css style sheet to position the alert (changing > it from the locked inline absolute positioning it had, to a float > called from the CSS makes it easier to position and maintain). > Overflow:hidden combined with the height:1.5em; is what keeps it > from being totally goofy in IE/6 (and does not adversely effect IE/7 > or compliant browsers... > > #amberalert{ > float:left; clear:both; margin-left:40px; overflow:hidden; height: > 1.5em;} > > > I'll let you, The Boy Scouts of America, and the Web decide what to > do about the proprietary code preventing your markup from validating. > > hth. > > > > > > >
Ooooo! That's not looking too bad now. What proprietary code is that? ______________________________________________________________________ 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/
