Chris Akins wrote:
> http://www.springfieldmo.gov/newSite/negMargin.html
> http://www.springfieldmo.gov/newSite/negMargin.css
>
> In IE6 only, the Contact Us area in the left column won't snug right
> up to the right-hand content column.
Ok, so you've got the horizontal alignment right, but that has resulted
in float-drop in IE6 since the sidebar elements run out of space.
Now comes the slightly tricky part; give IE6 some space for the bugs
that broke the alignment in the first place.
Adding a negative backside-margin to the floating sidebar, like so...
#sidebar {margin-right: -10px;}
...will make IE6 behave, without disturbing other browsers.
> Also, on the light purplish blue content area, the bottom shadow
> border won't show in IE6 only. Again, after trying to target various
> things with CSS changes, I am left without answers.
The absolute positioned "shadow" must be given a width for IE6 to spread
it out. You'll have to compromise on the value, but adding...
.contentBtm {width: 89%;}
...seems to be close enough for comfort. Same as for your earlier
layout, btw.
> All in all, I do prefer this negative margin layout over the one I
> was using earlier. The file sizes are smaller on both the HTML and
> CSS, and I can now put the source in any order.
You can even add whatever and complicate the "illusions" beyond
recognition, and the layout will still survive quite well across
browser-land...
<http://www.gunlaug.no/contents/wd_additions_26.html>
(Much potentially useful information for mastering negative-margin
layouts on that and linked-to pages.)
> I had been using an expression to do the min/max width for IE6, but I
> think at this point I'll just forget that "feature" for IE6 and let
> it be. With IE6 numbers starting to fall, it's only a matter of
> time.
...half a decade or so... :-)
Maybe not such a bad idea to have an IE-expression in there in the mean
time...
<http://www.gunlaug.no/contents/wd_additions_14.html>
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/
