Pure CSS Pictures Gallery - work in progress ;)

I'm working on something and I'd like to know how the technique behaves with
different UAs/platforms.
I already know about IE5/6 Win, FireFox 0.8, Mozilla 1.4, NN6 and Opera 6.05

Any Mac browsers would be *great*.
http://www.tjkdesign.com/lab/

TIA,
Thierry

Thierry Koblentz wrote:

I'm working on something and I'd like to know how the technique behaves with
different UAs/platforms.
I already know about IE5/6 Win, FireFox 0.8, Mozilla 1.4, NN6 and Opera 6.05

Any Mac browsers would be *great*.
http://www.tjkdesign.com/lab/

TIA,
Thierry

On MacOS10.3.4 (Panther);

Firefox 0.9: Horizontal scroll
Safari 1.2.2: Catastrophe
IE5.2: OK

Screenshots at http://www.proformica.com/thierry.zip

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

I concur. Safari is catastrophic.

IE is not bad, but I get a huge vertical scroll....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_post (DOT) org> wrote in
message news:cem3p7$ai6$16 (AT) forums (DOT) macromedia.com...

Thierry Koblentz wrote:

I'm working on something and I'd like to know how the technique behaves
with
different UAs/platforms.
I already know about IE5/6 Win, FireFox 0.8, Mozilla 1.4, NN6 and Opera
6.05

Any Mac browsers would be *great*.
http://www.tjkdesign.com/lab/

TIA,
Thierry



On MacOS10.3.4 (Panther);

Firefox 0.9: Horizontal scroll
Safari 1.2.2: Catastrophe
IE5.2: OK

Screenshots at http://www.proformica.com/thierry.zip

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_engine_optimization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

I wish his HTML code wasn't crunched up on 3 lines like that. The people here
could possibily improve upon his work; make it more suitable for Safari that
is...

But since its all crunched up, I'm too lazy to de-crunch it. :-)

Here's more behavior:

Mozilla 1.7 - Good
Firefox 0.9 - Good
IE6 - Good
NN7 - Good
NN4.x - Graceful degrade

Thats a shame about Safari.

I guess the solution (for Safari) lies more in the CSS than in the markup
(even though I just added a structural hack to it -crossing my fingers
hoping that it fixes the "problem"). I'm already using 4 different branching
techniques for my styles, I can't afford to change that markup to please one
single browser (unless of course it does *not* impact the other ones).

I was also curious if the behaviors (onmouseover/onclick) worked fine on Mac
browsers(?).

Thanks a lot for the feedback.
Thierry

mzanime.com wrote:

Mozilla 1.7 - Good
Firefox 0.9 - Good
IE6 - Good
NN7 - Good
NN4.x - Graceful degrade
Thats a shame about Safari.

Hi Murray,
Do the behaviors work? That's my big concern.
I guess the DIVs that don't show around the 1px border frame (to hide
scrolling images) could be fixed.

Thanks,
Thierry

Murray *TMM* wrote:

I concur. Safari is catastrophic.
IE is not bad, but I get a huge vertical scroll....

Ooops, I forgot to mention that there were 2 "behaviors" to check:
- when mouse hovers the thumbnail (a DIV containing a bigger pic should
popup),
- when clciking on the DIV that "should" popup (a popup window containing an
even bigger pic should open - including the title of the pic)

Thanks again,
Thierry

Screenshots at http://www.proformica.com/thierry.zip

Thanks Dan,
The IE5 pic is corrupted but atleast I have an idea of what's going on in
Safari.
Does the behaviors (onmouseover, onclik) work or fail in *Safari*? BTW, I've
made a small change, could you check again in Safari?

I have a very old Mac and I can test with IE5 but I don't get the huge
"vertical scroll" that Murray's talking about...

Big thank you again for the pics,
Thierry


Dan Vendel *GOF* wrote:

On MacOS10.3.4 (Panther);
Firefox 0.9: Horizontal scroll
Safari 1.2.2: Catastrophe
IE5.2: OK
Screenshots at http://www.proformica.com/thierry.zip

The onMouseOver and onClick associated behaviors work in Safari 1.0.2, but
the mouseover image progressively moves higher on the page until it flies up
it's own ... oops, I am confusing this with the whiffle bird....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Thierry Koblentz" <thierry (AT) 212utah (DOT) invalid> wrote

Screenshots at http://www.proformica.com/thierry.zip

Thanks Dan,
The IE5 pic is corrupted but atleast I have an idea of what's going on in
Safari.
Does the behaviors (onmouseover, onclik) work or fail in *Safari*? BTW,
I've
made a small change, could you check again in Safari?

I have a very old Mac and I can test with IE5 but I don't get the huge
"vertical scroll" that Murray's talking about...

Big thank you again for the pics,
Thierry


Dan Vendel *GOF* wrote:
On MacOS10.3.4 (Panther);
Firefox 0.9: Horizontal scroll
Safari 1.2.2: Catastrophe
IE5.2: OK
Screenshots at http://www.proformica.com/thierry.zip

Interesting, it seems that Safari has the same "bug" as IE5 (Win & Mac) when
it comes to position nested SPANs elements.
Instead of being AP in relation to the parent element (for which a position
declaration exists) it "follows" the DIV in which it is contained.

I will apply the same workarounds I used for IE5 as soon as I find a CSS
branching technique for Safari.

Thanks for the feedback Murray,
Thierry

Murray *TMM* wrote:

The onMouseOver and onClick associated behaviors work in Safari
1.0.2, but the mouseover image progressively moves higher on the page
until it flies up it's own ... oops, I am confusing this with the
whiffle bird....