Browser compatibility check and what is wrong with it...

  • HKt0p5
  • Graduate
  • Graduate
  • User avatar
  • Posts: 135
  • Loc: Bulgaria

Post 3+ Months Ago

Okay, I'm having a lot of trouble with nowadays' HTML. I remember that the very webmaster of Ozzu replied me once and I'm happy he understands what it's like to be used to the good old HTML and now have to venture into all the new codes and improvements.

Anyhow, I just wanted to ask a favour. I only have Mozilla Firefox and IE so I can't check through a Safari or for example, a Linux internet browser, or a Mac, so can someone please check how this looks through different browser eyes.
http://hirasawa2032.com

And as well as my 404 custom error page that took me a lot of nerves and tears to finally make. (just click to enter through Japanese or English, I made it pop up there for now).

Both pages are supposed to look like this:
http://hirasawa2032.com/mainpage.jpg
http://hirasawa2032.com/404page.jpg
In Mozilla, the "English" is a bit off but I don't mind. After all   isn't the same width in IE and Firefox.

And lastly, if anyone whos PC reads Japanese is up to my impudence to ask, to take a look at my sources and tell me what is wrong with them. I'm sure there's many mistakes but I just can't put myself to new HTML-ing.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8399
  • Loc: USA

Post 3+ Months Ago

http://browsershots.org/http://hirasawa2032.com/

browsershots.org for the win... just keep refreshing if you just come on it... I just submitted it for screenshots and they will last until the time runs out (your site looks weird on safari 2.0.4)
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13503
  • Loc: Florida

Post 3+ Months Ago

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9) Gecko/2008061015 Firefox/3.0

Opera/9.50 (X11; Linux i686; U; en)

404 looks like your screenshot in both of those browsers, the main page looks like the screenshot in Opera, but the main page looks like the following in Firefox.

Attachments:
main.jpg
  • HKt0p5
  • Graduate
  • Graduate
  • User avatar
  • Posts: 135
  • Loc: Bulgaria

Post 3+ Months Ago

I guess the problem is the   things I put after "nihongo" between the "Copyright (C.." and "English" to make the one to the left, the second in the center and the last to the right.

I'm glad on your screenshot, Joe, that I do see Japanese characters. Because on all the screenshots from browserhosts.org, the Japanese text was misdisplayed with squares, rectangles and such.

So back to the first thing. I'd gladly remove the probably over 30  -s if I knew how to divide the second row of the table (first row is in which the gray part is) into three equal width columns, so I can put the written part in separate cells and align them accordingly - left, center and right.
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13503
  • Loc: Florida

Post 3+ Months Ago

There's cleaner ways to do it, but this should give you a good idea of what's going on.

Code: [ Select ]
<div style="text-align:center">
<a style="float:left">Japanese</a>
<a style="float:right">English</a>
<small>Copyright</small>
</div>
  1. <div style="text-align:center">
  2. <a style="float:left">Japanese</a>
  3. <a style="float:right">English</a>
  4. <small>Copyright</small>
  5. </div>


The <a> elements will ignore the text-align of the container <div> and float to their respective sides.
The <small> element will respect the text-align of the <div> and serve to keep the container from collapsing.
  • HKt0p5
  • Graduate
  • Graduate
  • User avatar
  • Posts: 135
  • Loc: Bulgaria

Post 3+ Months Ago

Oh, remark about the Safari 2.0.4. Obviously it either doesn't support fixed frames width or the resolution was smaller and it took the larger top.gif on a new line.

And the more I look, the more I see I have to figure out that table columns thing. I mean, without making a new table under the first.
  • HKt0p5
  • Graduate
  • Graduate
  • User avatar
  • Posts: 135
  • Loc: Bulgaria

Post 3+ Months Ago

Yes, but also the copyright needs the <font> thing because I've set the font color to white in CSS and I can't change it other way.
Well, just check the source code.
  • HKt0p5
  • Graduate
  • Graduate
  • User avatar
  • Posts: 135
  • Loc: Bulgaria

Post 3+ Months Ago

The float code doesn't work after I add the links - everything goes in a column in the center.

And I really don't get what encoding or code I have to set up that it always definately displays it is Japanese. Gah
  • casablanca
  • Proficient
  • Proficient
  • User avatar
  • Posts: 481

Post 3+ Months Ago

Why not convert the whole page to pure CSS instead of using tables? And you don't need a <font> tag to override the CSS, you can do something like this:
Code: [ Select ]
<span color="#xxxxxx">blah blah</span>
  • HKt0p5
  • Graduate
  • Graduate
  • User avatar
  • Posts: 135
  • Loc: Bulgaria

Post 3+ Months Ago

Okay, know what. I'm to be lynched now but it seems my site, for now, is better off without ANY doctype-y evilry. The most important for me was to just display properlu no matter what and to display Japanese no matter what too. So I was experimenting for ages with doctypes and encodings and I always had Browsershots.org give me browsers that don't display ANYTHING properly at all while I had a doctype. Or Japanese. But I figured to change the code a bit, like this,
Code: [ Select ]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=EUC-JP" />
<meta http-equiv="content-language" content="ja" />
<meta name="description" content="HIRASAWA SUSUMU Transparent Sky 2032 PROJECT" />
<meta name="keyword" content="平沢進,Susumu Hirasawa,hirasawa susumu,hirazawa,平沢,進,平ら,系夜,P-モデル,Keiyoru,transparent,sky,project,トランスパレントスカイ,2032,プロジェクト,プレゼンテーション,P-MODEL,Mandrake,マンドレイク,Global,Trotters,核P-MODEL,Kaku,平沢感覚" />
<meta name="author" content="Hirasawa K" />
<meta name="copyright" content="平ら" />
<title>平沢進「トランスパレントスカイ」2032プロジェクト</title>
<link rel="shortcut icon" href="http://www.hirasawa2032.com/favicon.ico" />
  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=EUC-JP" />
  4. <meta http-equiv="content-language" content="ja" />
  5. <meta name="description" content="HIRASAWA SUSUMU Transparent Sky 2032 PROJECT" />
  6. <meta name="keyword" content="平沢進,Susumu Hirasawa,hirasawa susumu,hirazawa,平沢,進,平ら,系夜,P-モデル,Keiyoru,transparent,sky,project,トランスパレントスカイ,2032,プロジェクト,プレゼンテーション,P-MODEL,Mandrake,マンドレイク,Global,Trotters,核P-MODEL,Kaku,平沢感覚" />
  7. <meta name="author" content="Hirasawa K" />
  8. <meta name="copyright" content="平ら" />
  9. <title>平沢進「トランスパレントスカイ」2032プロジェクト</title>
  10. <link rel="shortcut icon" href="http://www.hirasawa2032.com/favicon.ico" />


See the /> endings? That's part of a supposedly xhtml doctype that made browsers read Japanese properly. But I took out the doctype and modified the usual ending tags. And voila.

The only thing left is to fix that second row of the table splitting it into three and so on and now i finally get an idea how. Then the three things at the bottom will be fixed too.

HUGE THANKS to Bogey for giving me that site. It's totally "FTW" :D

I think good enough for now, if Browsershots says so.. But I do have to learn CSS and XHTML..like.. soon.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Very strange that the DOCTYPE thing breaks the site ... At first I thought it was because of the Japanese ... but then I saw that you have added the correct character encoding.
  • HKt0p5
  • Graduate
  • Graduate
  • User avatar
  • Posts: 135
  • Loc: Bulgaria

Post 3+ Months Ago

Maybe it breaks it because of my mosh of all sorts of deprecated HTML I use and sloppy mixes of CSS inlines and crossovers between HTML versions. If you looked at the source, I'd win the year's "Most Terrible Looking Source Code" award.

I took it seriously to make my own .dtd thing but it didn't work either.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8399
  • Loc: USA

Post 3+ Months Ago

HKt0p5 wrote:
Maybe it breaks it because of my mosh of all sorts of deprecated HTML I use and sloppy mixes of CSS inlines and crossovers between HTML versions. If you looked at the source, I'd win the year's "Most Terrible Looking Source Code" award.

I took it seriously to make my own .dtd thing but it didn't work either.

To make your own .dtd would take a while and a lot of understanding...

Sadly, I don't give "Most Terrible Looking Source Code" award but I honor you as such :lol:

Post Information

  • Total Posts in this topic: 13 posts
  • Users browsing this forum: No registered users and 38 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.