Surprise - IE 6 not behaving properly

[Amanda]

Please take a look at:

cruz.amandadevries.com

And if possible, explain to me why IE is not putting the 'content' div
below the 'rightcol_image' div?

Thanks
Amanda

[Steve Robinson]

"Amanda" <am*******@gmail.comwrote in message
news:11*********************@r29g2000hsg.googlegro ups.com...

>
And if possible, explain to me why IE is not putting the 'content' div
below the 'rightcol_image' div?

Even if it put it in the right place, and right size, IE6 would not support
PNG transparency.

Steve.

[Ben Bacarisse]

Amanda <am*******@gmail.comwrites:

Please take a look at:

cruz.amandadevries.com

And if possible, explain to me why IE is not putting the 'content' div
below the 'rightcol_image' div?

Because IE6 is interpreting your invalid CSS "more correctly" than the
other browsers you have tried. A double }} is confusing the CSS
parser (there may be other problems, I did not check) correct that and
conforming browsers will take you at your word and put the image over
the text. What I get currently in Firefox is the browser ignoring
your class so the image pushes the following text down.

position: absolute is probably not what you want -- unless you make room
for it anyway, but then, why bother?

To have a good idea what various browsers might do, you should start
with valid HTML and CSS -- it makes life so much simpler!

--
Ben.

[Amanda]

Okay, my sincere apologies, I didn't notice the double }} before;
obviously I would have fixed that had I seen it!

Now do you have any idea why the image is over the text? I actually
want it to be below the image...

I need the absolute reference to keep the rightcol div on top -
otherwise, it appears after the leftcol stuff.

Thanks,
Amanda

On Sep 26, 1:31 pm, Ben Bacarisse <[e-mail]:

Amanda <[e-mail]:

Please take a look at:

cruz.amandadevries.com

And if possible, explain to me why IE is not putting the 'content' div
below the 'rightcol_image' div?

Because IE6 is interpreting your invalid CSS "more correctly" than the
other browsers you have tried. A double }} is confusing the CSS
parser (there may be other problems, I did not check) correct that and
conforming browsers will take you at your word and put the image over
the text. What I get currently in Firefox is the browser ignoring
your class so the image pushes the following text down.

position: absolute is probably not what you want -- unless you make room
for it anyway, but then, why bother?

To have a good idea what various browsers might do, you should start
with valid HTML and CSS -- it makes life so much simpler!

--
Ben.

[Amanda]

Never mind, I've got everything (almost) working now...thanks for
everyone's advice.

Amanda

On Sep 26, 2:11 pm, Amanda <[e-mail]:

Okay, my sincere apologies, I didn't notice the double }} before;
obviously I would have fixed that had I seen it!

Now do you have any idea why the image is over the text? I actually
want it to be below the image...

I need the absolute reference to keep the rightcol div on top -
otherwise, it appears after the leftcol stuff.

Thanks,
Amanda

On Sep 26, 1:31 pm, Ben Bacarisse <[e-mail]:

Amanda <[e-mail]:

Please take a look at:

cruz.amandadevries.com

And if possible, explain to me why IE is not putting the 'content' div
below the 'rightcol_image' div?

Because IE6 is interpreting your invalid CSS "more correctly" than the
other browsers you have tried. A double }} is confusing the CSS
parser (there may be other problems, I did not check) correct that and
conforming browsers will take you at your word and put the image over
the text. What I get currently in Firefox is the browser ignoring
your class so the image pushes the following text down.

position: absolute is probably not what you want -- unless you make room
for it anyway, but then, why bother?

To have a good idea what various browsers might do, you should start
with valid HTML and CSS -- it makes life so much simpler!

--
Ben.