Hi Georg, Your suggestions seem to have done the trick. I will work on resizing the text, etc., soon. Thanks for your help.
STAN On 7/12/07, ron zisman <[EMAIL PROTECTED]> wrote: > > > On Jul 11, 2007, at 6:37 PM, Stanley Dankoski wrote: > > > http://www.dankoski.com/clients/brightmoves/template.html > > > > 1. > > In IE6, most of the right column is cleared below the left column, > > beginning > > with the full-width image (of kids exercising in front of paper > > flowers on > > the wall). I'm not sure why. Any ideas? > > Looks like clearing-elements are acting across columns. That's a quite > normal problem with a construction like yours. > > One solution is to add... > > * html div#right {width: 424px;} > > ... (a 'hasLayout' trigger) to make IE6 isolate that container and > keep it > together (all clearing-elements inside). > > Alternatively you may add... > > * html div#right{float: right; width: 424px; margin-left: 0;} > > ...to restyle the entire container for IE6 (and older versions) only. > That > will have the same effect, but give a better line-up in IE6 compared > with > better browsers. > > > > 2. > > In IE6, div.whiteLine has a taller height than the 3px that I > > assigned to > > it. This div is really an empty one with a white background. The > > div is just > > above the section with the header, "What is tutoring with the body > > in mind?" > > I created .whiteLine as an easy way of adding a 3px line wherever > > needed. > > Inserting a comment into empty divs, will prevent IE6' white-space bug > from seeing a space with a line-height in there. > > Tightly, like this... > <div class="whiteLine"><!-- --></div> > ... and... > <div class="clear"><!-- --></div> > > Apart from that: adding new elements just to create space is not a > good solution. > Adding a suitable margin on an existing element, is the proper way to > do it. > > > > (Further explanation on how text is laid out: There is a #left div > > and a > > #right div within the page, and all text is in either of those, > > except for > > the half-column text, which is within div.blurb.) > > a: h1 is normally used only once in a page -- as main headline. > > b: all browsers can resize text, and your layout with fixed height on > elements can't take much of that. It may not help that you already are > using large text, as browsers may be set to resize text in all pages, > regardless of actual text size in any single page. > > regards > Georg > > > > ______________________________________________________________________ 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/
