Jody Levinson wrote:
I've been tearing my hair over this one and it's my own fault for
coming up with the design:
http://www.ishrgroup.com/
The rounded corners and flexible width body work fine in FF. In IE 7,
the flexible width works ok, but the rounded corners on the main
content area refuse to line up consistently. In IE 6, they wont line
up at all and the width won't flex.
To start with, add...
* html .bigi {position: absolute;}
...to get that element out of the way in IE6 since it doesn't support
'position: fixed'.
Then, add 'margin-right: -40px;' to all left-floating corners, since IE6
can't line up two 50% wide elements in a 100% wide container - it runs
out of space. That addition will give IE6 a 10px invisible gap it can
put its calculation-bugs in, with no negative effect on other browsers.
To make sure Firefox won't miss a pixel in width in the middle between
those floating corners, it might be a good idea to add 'padding-right:
1px;' on all the left-floating ones.
You probably also want to hide the vertical overflow on those corners,
as they don't look very nice in any browser when subjected to font-resizing.
The css has one tag that won't validate - Property _width doesn't
exist : 700px - an attempt to set a minimum width.
Delete it, it won't work anyway and only cripples IE6' ability to get
the width correct on wide windows.
regards
Georg
--
http://www.gunlaug.no
__
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/