Sent by francky on 12 February 2006 05:05
[EMAIL-REMOVED] wrote:
>>
>>
>>
> [...] 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
Hi Gretchen!
As you said some days ago: indeed with a liquid design my former
solution doesn't work.
I was experimenting today/night with your wish to get a liquid design;
scrolling with the transparency is the charming thing of the design, so
it would be a pity if it could not be used. Just finished it, and see
you posted in the meantime.
Well, I encounterend the same problem in FF: everything
semi-transparent, even with a z-layer above and a forced opacity:1 for
that. Perhaps there is something to get this better, but I don't know...
So I came to a 2-method solution:
- for IE something as you have,
- for other browsers the original idea: a fixed background in the
central column.
Here is my testpage
<http://home.tiscali.nl/developerscorner/css-discuss/gcw-liquid.htm>.
Under Win98SE it is working at least in IE6, FF1.07, Opera7.54, Opera8,
Netscape6.2 and Mozilla1.7.
About Safari / IEmac I cannot test.
Anyway: html- and css-valid.
francky
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
