francky wrote:
> Brian Funk wrote:
>
>>> *The purple bricks do not line up with the blue bricks in IE and
>>> they scroll... If it can be fixed, let me know and I'll fix it.
>>>
>>
>> IE doesn't support fixed positioning. You can find a ready to use
>> javascript
>> fix at http://www.doxdesk.com/software/js/fixed.html
>>
>>
> Hi Gretchen & Brian,
> Without javascript it can be done too, in this case, in an easy css-way:
>
> *explanation snipped*
> francky
>
>
Thanks for the different ideas on keeping my bricks from scrolling in
IE. I played around with the ideas and I came up with one that works
and doesn't require loading an image. First, let me mention that I
moved from a fixed width layout to an elastic layout. In order to make
the bricks stay put I had to use transparency on the background color of
the div that overlays the body background. In order to keep valid CSS,
I created a separate style sheet for IE since this involved hacking IE
to get the correct results. In my IE style sheet, I put in this code:
++++++++++++++++++++++++
#bordwrap {
background-color: #603;
background-image: url('none');
filter:alpha(opacity=60);
}
#maindoc {
background-color: #ccf;
filter:alpha(opacity=100);
position: relative;
}
#footer {
filter:alpha(opacity=100);
position: relative;
}
++++++++++++++++++++++++
#bordwrap adds a transparent red color to the wrapper, which causes the
other divs to also inherit the transparency, so I just added the
additional lines of code on those areas to reverse the transparency.
effect.
So now IE works great, but I cannot get this to work in FF. All I get
in FF is transparency on *everything* and adding opacity back to any of
the divs doesn't seem to do anything to them. What am I missing? For
now I am just loading the image and using the background-attachment to
keep it from scrolling. Can anyone shed some light on this for me? Thanks!
Site: http://www.girlscantwhat.com
CSS: http://www.girlscantwhat.com/css/gcwcss.css
IE: http://www.girlscantwhat.com/css/ie.css
--
Gretchen
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
