Login
Back to forumReply to this topicGo to last reply

Posted By

Csabo
on 2010-08-08
18:59:12
 Off Topic: Need some browser testing

Can you guys please visit this page and let me know if the thumbnails are listed properly? By properly, I mean in rows and columns, not in a very long single row (which is how it used to look in IE). This layout is "the ultimate", the overflow wraps the images automatically, so it looks okay at any screen resolution. Basically it's a single DIV with overflow: auto and width: 100%, no tables.

http://plus4world.powweb.com/features/SceneCon_2007_Party_Photos_Csabo

Posted By

Chicken
on 2010-08-08
19:16:57
 Re: Off Topic: Need some browser testing

Looks fine in IE7 happy

Posted By

Chris
on 2010-08-09
01:13:47
 Re: Off Topic: Need some browser testing

Looks good in Safari & Firefox on my Mac.

Posted By

Csio
on 2010-08-09
03:38:52
 Re: Off Topic: Need some browser testing

tested on Opera 10.xx
works fine!

Posted By

Lavina
on 2010-08-09
09:18:21
 Re: Off Topic: Need some browser testing

Browser: Opera Version: 10.60 RĂ©vision: 3445 Result: Long single row

Posted By

Csabo
on 2010-08-09
10:42:35
 Re: Off Topic: Need some browser testing

Ouch... I also see long row using the latest Opera. Works fine in IE6 and IE8, and also Chrome.

The weird thing is, both Opera and Chrome get 100/100 on Acid3 (though Chrome is faster wink) So which one is right? Fine, that doesn't matter I guess; the more important question is how do we fix this. If it wasn't clear, the nice thing about this layout is that you can resize your browser window, and the thumbnails will flow properly no matter what. Any recommendations?

Posted By

Gaia
on 2010-08-09
10:51:21
 Re: Off Topic: Need some browser testing

My recommendation is that we'd scrap Opera support in this case happy

Posted By

Chronos
on 2010-08-09
12:09:09
 Re: Off Topic: Need some browser testing

Csabo! You have the logs, and i bet there is not too much opera users out there except Csio.. and the poor iPhone users happy

Posted By

Gaia
on 2010-08-09
13:04:53
 Re: Off Topic: Need some browser testing

er... "poor"? wink

Posted By

Chris
on 2010-08-09
15:35:00
 Re: Off Topic: Need some browser testing

IPhone Safari looks good too happy

Posted By

MMS
on 2010-08-09
18:30:12
 Re: Off Topic: Need some browser testing

Follow Obama! (use Blackberry) :-D

Posted By

Csabo
on 2010-08-09
20:28:49
 Re: Off Topic: Need some browser testing

It works for Csio though wink

Posted By

Lavina
on 2010-08-10
05:19:49
 Re: Off Topic: Need some browser testing

LOL !

Samsung OMNIA, Opera Mobile V9.5 Build 15746 (tuned with FlashLite 3.1), result: PERFECT! :D

Posted By

Csio
on 2010-08-10
14:38:55
 Re: Off Topic: Need some browser testing

works for me...maybe i am the last mohicccane who use 1024*768?

Posted By

Chronos
on 2010-08-10
16:26:55
 Re: Off Topic: Need some browser testing

yea.. i bet'cha!

Posted By

SVS
on 2010-08-12
14:23:25
 Re: Off Topic: Need some browser testing

Hi,
screen 1440x900 Opera Version: 10.60 Rev. 3445 Result: Long single row OK.

Posted By

Spirantho
on 2010-08-12
14:36:53
 Re: Off Topic: Need some browser testing

If you use Opera, though, it renders incorrectly and tells you why: you'll see the following:

Line 18, Column 828: end tag for element "TR" which is not open

Line 18, Column 836: end tag for element "TABLE" which is not open

Line 18, Column 841: end tag for element "TD" which is not open

Line 18, Column 846: end tag for element "TR" which is not open

Line 18, Column 850: document type does not allow element "TR" here

Line 18, Column 1013: end tag for element "TABLE" which is not open

Posted By

Lavina
on 2010-08-13
02:55:06
 Re: Off Topic: Need some browser testing

Opera 10.61 is out, still single long row. :-/

Posted By

Jakec
on 2010-08-13
03:12:41
 Re: Off Topic: Need some browser testing

Firefox 3.6 , 1280x1024 it's ok. And opera 10.61, full Hd it's ok. happy

Posted By

Csabo
on 2010-08-13
13:54:46
 Re: Off Topic: Need some browser testing

Spirantho, you're right. There was some broken HTML on that page. I fixed it, but it's still the same result using the latest Opera on Windows.

Posted By

TLC
on 2010-08-15
19:21:06
 Re: Off Topic: Need some browser testing

Firefox (Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.2.8) Gecko/20100805 Gentoo Firefox/3.6.8) : O.K.
Konqueror 4.4.5: O.K.
Opera (Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.6.30 Version/10.60): single long row :-/.

Posted By

Csio
on 2010-08-16
09:33:25
 Re: Off Topic: Need some browser testing

Hello
My computer damaged by a sweet thunder about 2 weeks ago
and nowadays i using anotha low-end one with opera 10.10 and it seems no single long row...
Can i have a screenshoot from that single long row anybody?!

Posted By

Csabo
on 2010-08-16
12:19:29
 Re: Off Topic: Need some browser testing

You can check here: http://browsershots.org/http://plus4world.powweb.com/features/SceneCon_2007_Party_Photos_Csabo I used that last time too, but they have some daily(?) limit so I couldn't request any more shots.

I think the conclusion is clear: it looks fine with most browsers, except with certain versions of Opera. I'm going to guess that none of you regulars are CSS gurus... If you were, can you take a look and maybe suggest a fix?

Otherwise it would be nice to change all the pages that contain thumbs to this layout. It's actually unusual to do this (I think), most sites have a fixed design and therefore a fixed width. However, it's not a must have. We can live with the current layouts. I'm not sure the benefits would be worth making some users' browsing experience worse.

Posted By

siz
on 2010-08-16
13:27:31
 Re: Off Topic: Need some browser testing

Hi Csabo!

I've just downloaded and installed latest Opera: one single row.
After about an hour playing with CSS I came to this solution: I put an other DIV inside of TD CLASS="X":
(div style"position: relative; width: 100%") around the other DIV and changed the inner one's style to (div style="width: 100%; overflow: auto; position: absolute") - just added position: absolute to it.
Now it displays the images in grid layout.
I'm not 100% sure if this will work because Opera rerenders the page as soon as I start typing and changes the layout. But it should be. I'll recheck it after you've changed the page code.

Posted By

Csabo
on 2010-08-21
17:32:35
 Re: Off Topic: Need some browser testing

It seems like Opera is at fault here. After some digging, I found two CSS problems reported, both related to overflow: auto.
http://www.brunildo.org/test/IE8b1_ovauto_apchild.html
http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/overflowed-floated-child-vertical-scrollbar-2.html

In FireFox, Chrome, even in IE it seems to work more or less.

Okay, next question then: does anyone know if there's a way to include CSS or HTML that only applies to Opera? Or perhaps I can do this from the back-end, maybe the code could check the browser and output different HTML.

Posted By

siz
on 2010-08-24
10:09:45
 Re: Off Topic: Need some browser testing

Additional tests: Nokia 5800 built-in browser: perfect. Latest opera for Symbian 5th edition: the images are ok but the title over and the bottom bar are extremely wide. :S My suggestion: don't care about Opera.



Back to topReply to this topic


Copyright © Plus/4 World Team, 2001-2024