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/
