Stylesheets - iCab + KHTML test request

Author

iCab + KHTML test request

Spartanicus

2005-12-08, 7:35 pm

I'm wondering if any current browser is able to display this demo
correctly:

http://homepage.ntlworld.ie/spartan...orders/demo.htm

It doesn't work in current Windows browsers, anyone able to test with a
recent iCab or a KHTML based browser?

--
Spartanicus

Chris Morris

2005-12-08, 7:35 pm

Spartanicus <invalid@invalid.invalid> writes:
> I'm wondering if any current browser is able to display this demo
> correctly:
>
> http://homepage.ntlworld.ie/spartan...orders/demo.htm
>
> It doesn't work in current Windows browsers, anyone able to test with a
> recent iCab or a KHTML based browser?

Konqueror doesn't (left border its own width too far right, white gap
between text and image at top and right but not at bottom and left)

--
Chris

Alexander Clauss

2005-12-08, 7:35 pm

Chris Morris <c.i.morris@durham.ac.uk> wrote:

> (left border its own width too far right,

Don't know how it looks in Konqueror but the left border must be
placed to the right. This is caused by a bug in the CSS code of
this demo (if I've understood the CSS speicification correctly).

The problem is that the left border is realized as background
image that is visible in the left padding area of the P element.
The other borders are absolutely positioned boxed that are
defined as childs of the P element and moved 16px to the left
(left: -16px). The idea is to compensate the 16px padding
of the P element. But according to the CSS specification the
property "left" is measured relative to the "padding edge" of the
containing box (if this is based on a block element, which is
the case here) and not relative to the content edge. So it is
not needed to compensate the left padding area of the P
element. This is why this gap must be shown here.

--
Alexander

Alexander Clauss

2005-12-08, 7:35 pm

Spartanicus <invalid@invalid.invalid> wrote:

> I'm wondering if any current browser is able to display this demo
> correctly:

I think no browser is able to display this demo "correctly" (that means
as it is meant to be displayed) because there're logical errors in the
CSS code. See my other comment in this thread.

Let me know if I'm wrong and I've misunderstood the CSS specification
and your CSS code is really correct.

> It doesn't work in current Windows browsers, anyone able to test with a
> recent iCab or a KHTML based browser?

iCab 3.0 ß378 would be able to display the demo correctly, if the
errors in the demo will be fixed. I've just fixed a small error in iCab
which revealed itself in this demo.

--
Alexander

Spartanicus

2005-12-08, 7:35 pm

aclauss@hrzpub.tu-darmstadt.de (Alexander Clauss) wrote:

>
>I think no browser is able to display this demo "correctly" (that means
>as it is meant to be displayed) because there're logical errors in the
>CSS code. See my other comment in this thread.

You're right, my bad.

>iCab 3.0 ß378 would be able to display the demo correctly, if the
>errors in the demo will be fixed. I've just fixed a small error in iCab
>which revealed itself in this demo.

After correcting the code it now also displays as intended in Konqueror.

--
Spartanicus

Eric Lindsay

2005-12-09, 7:58 am

In article
<nidgp1pvuoiks50rc86t71ks04ta8hijsa@news.spartanicus.utvinternet.ie>,
Spartanicus <invalid@invalid.invalid> wrote:

> http://homepage.ntlworld.ie/spartan...orders/demo.htm

Nice one Spartanicus. Thank you for sharing your experiment.

From Macintosh OS X, left border only in Firefox (I'd imagine that is
the same as on windows).

Top, left and right OK in Opera. Text overflow on right, no border (but
all four corners are there). The entire box is narrower. I can't see
any place in which I have expanded my type size to cause that.

Looks very nice in Safari, as you doubtless expected. Very impressive.

--
http://www.ericlindsay.com

Alexander Clauss

2005-12-09, 7:58 am

Spartanicus <invalid@invalid.invalid> wrote:

> After correcting the code it now also displays as intended in Konqueror.

Here's a screenshot of how it looks in iCab 3.0 ß378 under MacOSX:

<http://www.clauss-net.de/decoborder.jpg>

--
Alexander

Spartanicus

2005-12-09, 6:50 pm

aclauss@hrzpub.tu-darmstadt.de (Alexander Clauss) wrote:

>
>Here's a screenshot of how it looks in iCab 3.0 ß378 under MacOSX:
>
><http://www.clauss-net.de/decoborder.jpg>

Thanks Alexander, may I use that screencap on the page to demonstrate
how it should be rendered?

--
Spartanicus

Alexander Clauss

2005-12-09, 6:50 pm

Spartanicus <invalid@invalid.invalid> wrote:

> Thanks Alexander, may I use that screencap on the page to demonstrate
> how it should be rendered?

Yes, you can use it on your page.

--
Alexander