13 replies [Last post]
KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 49 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

In an [url=http://www.csscreator.com/css-node/279#comment-1253 thread[/url] I was able to get my doctype, encoding, etc straight to get my pages working in XP Home/ IE 6 again. Unfortunately, recent screen captures from BrowserCam are showing that the CSS is only being partially applied in the following OS/Browser's:

Linux
Konqueror 3.0.5
Netscape 7.0

Macintosh
IE 5.2
Netscape 7.0
Opera 6

Win2000
Netscape 7
Opera 6.05

Granted, I'm not trying to get my page perfect in every browser. I do, on the other hand, feel that not supporting at least a few more of the browsers above would leave a decent amount of my visitors in the dust.

Anyone have suggestions? I'll attach samples

Diplomacy is the art of letting someone have your way

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Browser Issues... Part 17 :)

Hi KnightWolfJK,
I did a quick validation of your css file. It came up with a couple of errors

Quote:
* Line: 63 Context : TD.header
Parse Error - header_sys { font-size : 13px; font-weight: bold; }
* Line: 68 Context : TD.header
Parse Error - header_title { font-size : 18px; font-weight: bold; }

I can't see anything wrong with those lines so it may be something above in amongst all the hacks.
In the php file you posted there is no tables so you should be able to quote them out or delete them to do some more testing.

Also I noticed in some of your quotes you have a full web address

Quote:
below. See http://glish.com/css/hacks.asp for details. */
In many programming languages // quotes out a line of code, it's possible this is taking out the end of your css in some browsers.

Hope that helps.

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 10 years 2 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

Browser Issues... Part 17 :)

yes this CSS:

TD.header_sys {
font-size : 13px;
font-weight: bold;
}

TD.header_title {
font-size : 18px;
font-weight: bold;
}

is a problem with some Browsers. Have a look at this Post.

http//melbourne.ug.php.net

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 10 years 2 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

Browser Issues... Part 17 :)

Also I have a feeling you haven't implemented the Box Model hack as required. Have a look at the Hack explanation here

http//melbourne.ug.php.net

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 49 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Thanks, guys...

Tony, packet: Thanks for the help. I avoided attempting to validate my CSS, assuming that the hacks would cause conflictions. Edit: Thanks to advice given, I removed the underscores on my pages and my CSS now validates. Thanks again

While reading up on packet's note about the Box Model Hack, I caught this at the bottom:

Quote:
Addendum
20020404. Prerit Bhakta noted that if you include the ?xml prolog:

<?xml version="1.0"?>
then IE6/Windows uses the quirky box model.

Since the ?xml prolog is unnecessary, I recommend simply omitting it.

I'm confused about my next step- [url=http://www.csscreator.com/css-node/279 recommended earlier[/url] I'm using the xml declaration. Has anyone run into this situation?

Diplomacy is the art of letting someone have your way

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 49 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Browser Issues... Part 17 :)

insin wrote:
I checked your site (with the prolog) in Firebird and it rendered the same way as the "wrong" screenshot you posted. When I refreshed the page, it then rendered the same way as the "right" screenshot you posted. Could you put up a second page (index2.php or something) without the prolog and I'll have a closer look after lunchtime for you?

The xml prolog shouldn't have anything to do with it (apart from forcing standards mode) - most intriguing... Wink

As requested...
index.php with prolog
index_nopro.php without prolog

Thanks...

Diplomacy is the art of letting someone have your way

insin
insin's picture
Offline
Enthusiast
Belfast, NI
Last seen: 20 years 4 weeks ago
Belfast, NI
Joined: 2003-05-07
Posts: 57
Points: 0

Browser Issues... Part 17 :)

KnightWolfJK wrote:
insin wrote:
I checked your site (with the prolog) in Firebird and it rendered the same way as the "wrong" screenshot you posted. When I refreshed the page, it then rendered the same way as the "right" screenshot you posted. Could you put up a second page (index2.php or something) without the prolog and I'll have a closer look after lunchtime for you?

The xml prolog shouldn't have anything to do with it (apart from forcing standards mode) - most intriguing... Wink

As requested...
index.php with prolog
index_nopro.php without prolog

Thanks...

Ok, I can confirm the behaviour you described earlier also affects Firebird. I have a feeling it's because classes are being ignored because you haven't implemented the box model hack correctly - try this:

Change:

body>#Header

...to...

html>body #Header

...and see if any classes come back to life in the no-prolog version.

Edit: I've spotted the problem - your div is called "header" but you're using #Header in your css - change the css to #header (and correct other classes similarly) and all should be well - quirks mode seems to be letting you off with this! (FYI, Firebird also renders in Quirks Mode when the prolog is included).

A Pedant Writes...
Into the mountain,
I will fall.

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 49 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Browser Issues... Part 17 :)

I made all the changes you suggested... Thanks, and my apologies to all for such an asinine error. As for the box model hack, I know I copied that from somewher- bluerobot.com I think. Odd that it was incorrect.

Thanks again insin

Diplomacy is the art of letting someone have your way

insin
insin's picture
Offline
Enthusiast
Belfast, NI
Last seen: 20 years 4 weeks ago
Belfast, NI
Joined: 2003-05-07
Posts: 57
Points: 0

Browser Issues... Part 17 :)

KnightWolfJK wrote:
I made all the changes you suggested... Thanks, and my apologies to all for such an asinine error. As for the box model hack, I know I copied that from somewher- bluerobot.com I think. Odd that it was incorrect.

Thanks again insin

No problem, and no need to apologise - making mistakes forces you to look at everything you've done more closely and you nearly always end up learning something new Wink

A Pedant Writes...
Into the mountain,
I will fall.

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 49 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Browser Issues... Part 17 :)

Amen... to finish off the thread, I'd like to report that not only is my code now valid XHTML and CSS, BrowserCam loves it. Laughing out loud

There was a time when I never thought I'd take the time to meet such specs with any website. Wink Thanks to all...

Diplomacy is the art of letting someone have your way

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 10 years 2 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

Browser Issues... Part 17 :)

Shoot >>> Can we see the updates ? ... that is if you don't mind Wink

and regarding BrowserCam... how many emails do you have to play with it ? Doesn't the email you register with get expired after 8 hours or so ? and then you have to use a new one ...

http//melbourne.ug.php.net

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 49 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Browser Issues... Part 17 :)

'Course I don't mind... At the moment my site is only two pages, but that was done so that I could get the CSS, (x)HTML, graphics, and layout setup before I had to worry about content.

The Site: The main page and
a page with sample content

BrowserCam of the main page and
BrowserCam of a bottom anchor on the sample content page
(http://vice.planetjk.com/menu_complete.php#bottom)

As far as the BrowserCam account goes, I got lucky... I sent them an e-mail a few days ago correcting a few issues I noticed and they were gracious enough to respond with a free account. If/when I find out how long I'll get to keep this free account I'll let you guys know so I can do some thorough site checks.

If I didn't have a full BrowserCam account though, and owned my own domain, I could simply setup one mailbox to be the catch-all for and register for virtually infinite browsercam accounts... At least that's what a little birdie told me. Frankly though, the people at BrowserCam seem pretty worthy of at least the "$10 for 10 url's" deal, if not a month's subscription.

Diplomacy is the art of letting someone have your way

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 10 years 2 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

Browser Issues... Part 17 :)

KnightWolfJK wrote:
'Course I don't mind... At the moment my site is only two pages, but that was done so that I could get the CSS, (x)HTML, graphics, and layout setup before I had to worry about content.

Exactly what I am trying to do... but no one seems to help me when I want it Sad This is my [url=http://www.csscreator.com/css-node/284url]

http//melbourne.ug.php.net

KnightWolfJK
KnightWolfJK's picture
Offline
Enthusiast
Washington, DC
Last seen: 15 years 49 weeks ago
Washington, DC
Timezone: GMT-5
Joined: 2003-06-10
Posts: 210
Points: 0

Browser Issues... Part 17 :)

I've noticed the post and would've replied if I had more than one browser at my disposal. I have to resort to BrowserCam for testing other OS/browser combos and I have very little experience in the steps necessary for older browsers and other operating systems... Good Luck

Diplomacy is the art of letting someone have your way