Email conversation
| From | Ministeyr |
|---|
| To | Me |
|---|
| Subject | CSS box model problems: Opera and FF/Konqueror render differently |
|---|
| Date | 10 December 2005 15:36 |
|---|
Hello,
I'm trying to figure how to get some text with a background and borders
rendered as different images, so that i can have a different image for each
corner and different images for the sides.
This works with both FF and Konqueror, but renders strangely in Opera:
[URL]
I cannot find what i've got wrong with my CSS here. If you can help me, that
would be much appreciated ;)
Of course the layout is ugly, but that's just an example (btw, i wonder if
it's ok to use tables with this kind of configuration, the CSS involved
being quite complex...).
Thanks in advance
Ministeyr
| From | Me |
|---|
| To | Ministeyr |
|---|
| Subject | Re: CSS box model problems: Opera and FF/Konqueror render differently |
|---|
| Date | 12 December 2005 08:52 |
|---|
Ministeyr,
> This works with both FF and Konqueror, but renders strangely in Opera:
Unfortunately, this is a known bug in Opera, which I do not know any
workaround for. Basically there is an absolutely positioned element inside a
relatively positioned element. They both have auto height, and as a result,
the computed height of the absolutely positioned element is wrong. The
situation got a lot better in Opera 9 preview, but the fix is not quite
complete yet. I hope this can be resolved soon.
[Ed. It was resolved in Opera 9 final]
Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/
| From | Ministeyr |
|---|
| To | Me |
|---|
| Subject | Re: CSS box model problems: Opera and FF/Konqueror render differently |
|---|
| Date | 13 December 2005 09:07 |
|---|
Hello,
Thanks for your answer, plus, I just happened to find this page of yours,
wich pretty much solves the problem:
http://www.howtocreate.co.uk/wrongWithIE/eightpointbox.html
And it now works in FF 1.5 too (with the display:block fix, that is, but
still. Hopefully they will correct the :after and :before bugs soon...).
I can't wait to see the implementation of CSS3 "border-image", that is just
what we need here...
BTW, I have read that there were proprietary -opera-border-radius and
-khtml-border-radius to mimic the -moz-border-radius thing under
Konqueror/Safari and Opera, but neither seem to work. Is this just a
mistake? Anyway, -moz-border-radius is not compatible with the CSS3 standard
version, since you cannot choose different vertical and horizontal
dimensions for the ellipse...
Thank you for the help.
Ministeyr
| From | Me |
|---|
| To | Ministeyr |
|---|
| Subject | Re: CSS box model problems: Opera and FF/Konqueror render differently |
|---|
| Date | 13 December 2005 16:25 |
|---|
Ministeyr,
> http://www.howtocreate.co.uk/wrongWithIE/eightpointbox.html
> And it now works in FF 1.5 too (with the display:block fix, that is, but
> still [snip]).
Indeed - that approach now works too. Looks a little ugly in older Firefox,
and unfortunately it has sizing limits, but at least the markup looks
beautiful ;)
> BTW, I have read that there were proprietary -opera-border-radius and
> -khtml-border-radius to mimic the -moz-border-radius thing under
> Konqueror/Safari and Opera, but neither seem to work.
To my knowledge, these do not exist. I thought Safari supported
border-radius though. Not sure - can't test for a while.
| From | Ministeyr |
|---|
| To | Me |
|---|
| Subject | Re: CSS box model problems: Opera and FF/Konqueror render differently |
|---|
| Date | 15 December 2005 02:22 |
|---|
are there any other options that i'm not thinking of without having to use
an external parser or PHP?
| From | Me |
|---|
| To | Ministeyr |
|---|
| Subject | Re: CSS box model problems: Opera and FF/Konqueror render differently |
|---|
| Date | 15 December 2005 08:58 |
|---|
> are there any other options that i'm not thinking of without having to use
> an external parser or PHP?
Unfortunately none that I can think of. Anything else would be a security
violation, so the browser should not allow it (IE might allow you to
retrieve the file directly - their security model is often not so good as
the other browsers).