Email conversation
| From | Johannes Rössel |
|---|
| To | Me |
|---|
| Subject | Found a minor mistake in your wrongWithIE rant |
|---|
| Date | 25 February 2006 06:26 |
|---|
Hi,
http://www.howtocreate.co.uk/wrongWithIE/?chapter=%3Abefore+and+%3Aafter
This page was intended to look fine in Opera. It does, actuallym but as soon
as the width of the browser exceeps about 1500 pixels the 'bar' effect is
broken at the left. I don't know whether this is an error in your markup
(certainly not), the CSS (as far as I noticed, it isn't as well) or in
Opera.
If it can't be corrected, at least noting it would be nice, since the
rendering flaw of FF is remarked as well.
I'm using Opera 8.52, Windows NT 5.0.2195 SP4. Might be an effect only
noticable with display resolutions of 1600x1200 and greater.
Bye,
Johannes
| From | Me |
|---|
| To | Johannes Rössel |
|---|
| Subject | Re: Found a minor mistake in your wrongWithIE rant |
|---|
| Date | 25 February 2006 11:26 |
|---|
Johannes,
> http://www.howtocreate.co.uk/wrongWithIE/?chapter=%3Abefore+and+%3Aafter
>
> This page was intended to look fine in Opera. It does, actuallym but as soon
> as the width of the browser exceeps about 1500 pixels the 'bar' effect is
> broken at the left.
This is actually a limitation of the images I have used for the effect. The
maximum width of the effect is limited by the size of the image. I can fix
it using either a wider image, or by setting a max-width on the paragraph.
The explanation page applies the max-width rule, and gives more details of
the problem, and the possible solutions:
http://www.howtocreate.co.uk/wrongWithIE/eightpointbox.html
I have also added the max-width to the main page now, so in theory it should
no longer break (unless I got my calculations wrong).
Cheers
Mark 'Tarquin' Wilton-Jones - author of http://www.howtocreate.co.uk/
| From | Johannes Rössel |
|---|
| To | Me |
|---|
| Subject | Re: Found a minor mistake in your wrongWithIE rant |
|---|
| Date | 25 February 2006 14:08 |
|---|
Hello Mark,
>> This is actually a limitation of the images I have used for the
>> effect.
Ah, sorry. My mistake, I forgot about backgrounds don't allow arbitrary
scaling by CSS (at least 2.1 - CSS3 seems to get a background-size
property).
Might have been a lack of sleep ;) but now it looks fine, thanks.
Though this unfortunately limits the possible usage for this effect - at
least if one doesn't want the layout to break - or waits for CSS3 and proper
support by browsers.
Bye,
Johannes