|
|
Post by Tinnus on May 16, 2007 22:45:25 GMT 1
Simple, add a notice saying "if your layout is messed up, use a browser that follows W3C guidelines"  (and a Firefox button) BTW, I've edited your posts to be links instead of the pictures because it was making the page too wide in anything less than 1440x900  (everyone has seen the pics already anyway and decided on a layout already  ) |
|
|
|
Post by _Em on May 16, 2007 22:50:09 GMT 1
I've ended up using 1 pixel by xxx pixel images to provide minimal spacings for IE. A javascript check on web browser makes sure that it only exists on IE browsers.
|
|
|
|
Post by hansschmucker on May 16, 2007 22:54:56 GMT 1
Perhaps I should explain, my target is that the page is perfectly readable on my cellphone, which means no spacer images |
|
|
|
Post by tgwaste on May 16, 2007 23:31:25 GMT 1
also make sure you account for folx like me who use high DPI settings.. so the least amount of 'fontable' things possible.
|
|
|
|
Post by hansschmucker on May 17, 2007 0:00:53 GMT 1
The spacer is still not working correctly, but here's the current version with spacer disabled: little-john.net/demo2/tgwaste, I'm not sure what you mean by fontable, but it should accept a certain range of custom font sizes... just try it and if it doesn't work please tell me why... |
|
|
|
Post by _Em on May 17, 2007 0:03:42 GMT 1
I guess I should try it on Blazer/NetFront/Picsel/OperaMobile |
|
|
|
Post by tgwaste on May 17, 2007 0:08:28 GMT 1
The spacer is still not working correctly, but here's the current version with spacer disabled: little-john.net/demo2/tgwaste, I'm not sure what you mean by fontable, but it should accept a certain range of custom font sizes... just try it and if it doesn't work please tell me why... Hans, looks REALLY good. Maybe try the white/shadow lettering again with the 'Little John Emu', then make the border background black instead of blue.. just to see what it looks like.. |
|
|
|
Post by hansschmucker on May 17, 2007 0:26:19 GMT 1
One step at a time... I've just hacked Wordpress into this (I'll never be able to switch to a different WP version... by now there are so many hacks in this that it's almost a system of its own) and now I'll try to get the spacer working again... then enabling the links and THEN there's time for fiddling with the images again.
P.S. I don't have MSIE6... could somebody tell me exactly how messed up it is?
|
|
|
|
Post by hansschmucker on May 17, 2007 0:28:15 GMT 1
BTW, try turning Off styles and look at it then, that's what's really amazing!
|
|
|
|
Post by tgwaste on May 17, 2007 0:44:01 GMT 1
Looks great in IE6.. only problem is its aligned to the VERY top of the page so sonics heads gets chopped off a little... few <br>s should fixor that. |
|
|
|
Post by hansschmucker on May 17, 2007 0:51:03 GMT 1
Could you try again please...
|
|
|
|
Post by hansschmucker on May 17, 2007 0:51:41 GMT 1
Oops forget it, now it doesn't even work in IE7... interesting how it messes up margin
|
|
|
|
Post by Tinnus on May 17, 2007 0:52:01 GMT 1
In 800x600 (OK, no one uses it but...) the whole thing is a bit too tight, but there's lots of space in the sides... why does it HAVE to be there? In any way I think the overall fonts should be a tiny bit smaller as well. Just my opinion though--and the rest is fantastic, great job! |
|
|
|
Post by hansschmucker on May 17, 2007 0:53:28 GMT 1
OK, does it work now?
|
|
|
|
Post by hansschmucker on May 17, 2007 0:55:06 GMT 1
I haven't changed the font settings for the content yet, that's why everything is so big...
|
|
|
|
Post by hansschmucker on May 17, 2007 1:06:15 GMT 1
OK, added a font definition... But I give up trying to work around the absense of min-height... I'm just abusing the misbehaviour of the IE height property with conditional comments... that's something I hate to do, but I can't think of another good way...
|
|
|
|
Post by tgwaste on May 17, 2007 1:13:51 GMT 1
Could you try again please... Better.. txt font is really small now though.. hurts to read. |
|
|
|
Post by Tinnus on May 17, 2007 1:19:58 GMT 1
In a PSP, even in "normal mode" display (where stuff should display with the width it would in a desktop PC), the Mario+Sonic+TX image gets on top of the title/subtitle. Did you define a min. width for the whole thing? Note also that even though this overlap happens, there's a ~40px empty space at the right (no empty space at the left though).  |
|
|
|
Post by Tinnus on May 17, 2007 1:21:03 GMT 1
Yeah, now the font is TOO small (good in the PSP though) Only other notes is having a min. width (850, 900?) and maybe a max. width (900, 1000?) since sometimes the line is too long and it's a little hard to go back to the start of the next line while reading. (yes I'm being annoying, but you do want us to criticize, don't you? ;D) |
|
|
|
Post by hansschmucker on May 17, 2007 1:25:36 GMT 1
OK... one by one:
1... There's some odd behaviour right now, because I've just fixed a few things in order to make it parse as valid XHTML1 transitional
2... OK, I'll make it bigger again.
3... It's not meant to be used like this on small screens... you should turn styles off.
|
|
|
|
Post by hansschmucker on May 17, 2007 1:33:31 GMT 1
OK, changed the CSS hack to only apply to IE6.x and previous because IE7 actually renders it correctly when in XHTML mode.
|
|
|
|
Post by Tinnus on May 17, 2007 1:37:29 GMT 1
There's no option to turn styles off in the PSP I know it's NetFront though. |
|
|
|
Post by hansschmucker on May 17, 2007 1:37:52 GMT 1
Changed CSS target to screen, projection, so the PSP should now render in non-CSS mode
|
|
|
|
Post by tgwaste on May 17, 2007 1:42:09 GMT 1
now its just about perfect in Firefox & IE6 with a DPI of 144.
|
|
|
|
Post by hansschmucker on May 17, 2007 1:45:13 GMT 1
Wonderfull.
About the PSP... it seems it identifies itself as a SCREEN device, eventhough it's really HANDHELD, so now I'm doing a useragent check in PHP...
|
|
|
|
Post by hansschmucker on May 17, 2007 1:54:39 GMT 1
Just checked in Opera and added a padding to the Header, so that it breaks correctly (at least on non-ie browsers) when the screen is too small.
|
|
|
|
Post by hansschmucker on May 17, 2007 2:05:13 GMT 1
OK, enough for one day (It's past 3 am now). I'll talk to you tomorrow.
|
|
|
|
Post by hansschmucker on May 17, 2007 2:39:50 GMT 1
One last item before I go to bed: I just checked it on my cellphone and it looks GOOOOOOOD!!!
|
|
|
|
Post by Tinnus on May 17, 2007 2:51:57 GMT 1
Nah, nah, nah. I don't want it to look plain in the PSP, just that the picture wouldn't cover the title (ie: just set a min. width for the entire page/title/min. x for the pic, whatever).
If I'm to choose between overlapped picture or completely styleless, I'd rather pick the overlapped pic. Then maybe be sure the title is above it or something.
|
|
|
|
Post by hansschmucker on May 17, 2007 2:58:52 GMT 1
You can't just let me sleep, can you?
I've changed it again so now it shouldn't display the logo and give the header a smaller font-size when viewed on the PSP.
|
|
(and a Firefox button)
)
