Melinda Odom wrote:
> How do I fix this ie problem with the text being spread out over the
> flower? http://www.designhosting.biz/newsite/intro.html
The 'hasLyout'[1] bug (yes, it is a bug) is taking over, triggered by
the width on #mainContent. The result is that the entire #mainContent is
lining up alongside #introLinks, thus is shifted 230px over to the
right side - in IE/win. So, #blank also ends up 230px too far to the
right, and the paragraphs are 230px too wide.
There's no easy way to avoid that IE bug without adding more elements,
so you may as well play along with it.
Changing styles on #mainContent to...
#mainContent {
font-size: 11px;
line-height: 1.5;
color: #FFFFFF;
margin-top: 40px;
width: 470px;
float: left;
}
...will correct the width to a more suitable one, and make other
browsers line up that element like IE6 does, but in accordance with
standards and not depending on bugs.
BTW: no need to have a background-image on #blank - not even a
transparent one. It'll stay transparent anyway.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
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/
