/    Sign up×
Community /Pin to ProfileBookmark

Help with CSS in a browser war

I’m using [I]Blogger [/I] as a free webhost, designing single-page sites with the style sheet imbedded. I need help with browser display, please!

? [COLOR=Navy]Problem #1: This site, [URL=http://thedzynezone.blogspot.com]my business blog[/URL], displays beautifully in my weird CompuServe browser (Netscape Gecko??), but it CRASHES IE6.0 (requiring a full re-start of my computer!) when I try to load it that way. (It used to work fine in IE6.0, and I can’t find any obvious recent code screw-ups.) I’m looking for some “eureka!” ideas. Happy to post all the code if it helps.[/COLOR]

? [COLOR=DarkGreen]Problem #2: This site, [URL=http://webdzyne.blogspot.com]my web design blog[/URL], displays beautifully in IE6.0, but when I access it via my CompuServe browser, all STYLE is lost: It suddenly becomes a very generic site with no background images or layout (or anything else that’s stated in the CSS, of course). Again, I’m hoping others have found similar cross-browser weirdness and can offer ideas. I’ll post code, too, if needed.[/COLOR]

Thanks in advance for your help, all!

to post a comment
CSS

16 Comments(s)

Copy linkTweet thisAlerts:
@The_Little_GuyDec 25.2005 — Did you validate your code? I see a few errors in it.
Copy linkTweet thisAlerts:
@welshDec 25.2005 — ok run down for web browers for the sites for me:

Firefox:

-Business: Good

-Web Design: Messed up

Opera:

-Business: Good

-Web Design: Good

IE6:

-Business: Good

-Web Design: Good

Netscape:

-Business: Good

-Web Design: Messed Up
Copy linkTweet thisAlerts:
@drhowarddrfineDec 26.2005 — welsh, your list is 'messed up'. If you notice, the modern browsers you list as messed up but the old, buggy browsers you list as good. The reason Opera is included is because it passes itself off as IE. So if you would write proper code using standard-compliant, modern browsers, then your code would look good in all of them with only a few adjustments for IEs quirks and bugs.

jbdzyne, your page works fine for me in IE. Why are you using the Compusa thing? LittleGuy is right that you have a number of errors that could be causing your problems.
Copy linkTweet thisAlerts:
@jbdzyneauthorDec 26.2005 — I'm working on that, yes, thanks. I may be using the wrong DOCTYPE, too. There are many small errors that are easy to make, aren't there? :-)
Copy linkTweet thisAlerts:
@jbdzyneauthorDec 26.2005 — 
jbdzyne, your page works fine for me in IE. Why are you using the Compusa thing? LittleGuy is right that you have a number of errors that could be causing your problems.[/QUOTE]

I'll work on the errors, via validator(s), thanks.

CompuServe, my ISP, uses a proprietary browser built on Netscape (version??), so it's the normal browser I use when I'm online.

I've been using IE6.0 whenever I'm assembling a web page because it works very well with the [I]Blogger [/I] system, which includes a large number of server-side tags. I see that the links in your signature may lead to some other answers for me, too. I'll follow those and do some learnin'... thanks!
Copy linkTweet thisAlerts:
@jbdzyneauthorDec 26.2005 — Thanks for the rundown. Any obvious reasons for "messed up" ones? Or is this simply due to some errors adding up?
Copy linkTweet thisAlerts:
@drhowarddrfineDec 26.2005 — By messed up, I meant his list. Modern browsers are those by Firefox and Opera. They are the most standards compliant and on the leading edge of complying with new things for the web. IE6 has not been updated since it came out except for security problems. It doesn't meet standards set in 1998. So designing with IE in mind makes you, sometimes, write buggy html/css. Then you can't figure out why it doesn't work in other browsers. In reality, if a page is designed with FF/Opera, your page should work with all browsers and, perhaps, have only minor problems with IE, if any.

I can't say I know but I don't know what would force you to use Compuserves browser. You might be right about it being Netscape but, remember, Netscape is no more. Just use Firefox or Opera.

Your doctype is fine, but I would recommend html strict. It will catch more 'sloppy errors' and prepare you for the future.
Copy linkTweet thisAlerts:
@jbdzyneauthorDec 26.2005 — By messed up, I meant his list. Modern browsers are those by Firefox and Opera. They are the most standards compliant and on the leading edge of complying with new things for the web. IE6 has not been updated since it came out except for security problems. It doesn't meet standards set in 1998. So designing with IE in mind makes you, sometimes, write buggy html/css. Then you can't figure out why it doesn't work in other browsers. In reality, if a page is designed with FF/Opera, your page should work with all browsers and, perhaps, have only minor problems with IE, if any.
[/QUOTE]

:o [COLOR=Navy]Alright, then! I've followed and read some of your "lessons learned" links, with the resultant mild headache. I see now that a lot of what I've "learned" so far has involved my discovering/using workarounds for IE6's various bugs. That doesn't make me feel all fuzzy inside, but I'll manage.



Thanks for your advice, and please continue to offer your patience and guidance as I begin to rework my pages. I'm absolutely certain I'll need your help again. [/COLOR]


[I]P.S. Do you answer to anything shorter than drhowarddrfine?[/I]
Copy linkTweet thisAlerts:
@ray326Dec 27.2005 — No, but he also undoubtedly answers to drhowarddrfinedrhoward. ?
Copy linkTweet thisAlerts:
@CytaelDec 27.2005 — When I look at the source of the webdzyne page in Firefox1.5, most of the HEAD (and all of the STYLE stuff) is written in green italics, as if commented out. I don't see any real good reason for that...looks to me like all your comments are closed, but I'd start looking there for your problem.

EDIT: after looking at the other site, which appears fine in FF, I noticed that its source doesn't have the extraneous commenting, though it is written in basically the same style. One thing webdzyne has that dzynezone doesn't, though (and, indeed, where all the trouble seems to begin) is this line:

<!---- THIS IS THE REVISED STYLE SHEET FOR WEB DZYNE TEMPLATE --->

Maybe something to do with the fact that that comment appears before the <head> tag? At any rate, try taking it out and see what happens
Copy linkTweet thisAlerts:
@drhowarddrfineDec 27.2005 — he also undoubtedly answers to drhowarddrfinedrhoward. [/QUOTE] Actually, that used to be my name but, on some boards, it would push my post off the side of the page or it would truncate my name, so I shortened it.

Do you answer to anything shorter than drhowarddrfine?[/QUOTE]
A lot of people call me 'Doc'.
Copy linkTweet thisAlerts:
@ray326Dec 27.2005 — That's an invalid HTML comment; too many dashes.
Copy linkTweet thisAlerts:
@jbdzyneauthorDec 27.2005 — Thanks, I'll give that a try!

I appreciate the time you spent reading my sometimes-sloppy code. :rolleyes: ([URL=http://www.stopdesign.com/]Douglas Bowman's [/URL] is much better!)
Copy linkTweet thisAlerts:
@jbdzyneauthorDec 27.2005 — 'Doc' it shall be then. By the way, I have this rash... right here... oh, never mind! ?

Thanks again, Doc!
Copy linkTweet thisAlerts:
@jbdzyneauthorDec 27.2005 — That's an invalid HTML comment; too many dashes.[/QUOTE]
Ray, I thought at first you were making a wise-crack about drhowarddrfinedrhowarddoc, but then I followed the thread correctly, and I understand. Thanks for catching that.

I was only a few days into "learning" about CSS when I slammed that in there, and I had a lot to learn. :o

[COLOR=Navy][I]Now [/I] I only have about six or seven more months of reading to catch up! BTW, looking at your signature, my one book of choice (so far) is by Elizabeth Castro:[/COLOR] [FONT=Arial Black]HTML for the World Wide Web, 5th Edition[/FONT].
Copy linkTweet thisAlerts:
@jbdzyneauthorDec 27.2005 — 
EDIT: after looking at the other site, which appears fine in FF, I noticed that its source doesn't have the extraneous commenting, though it is written in basically the same style. One thing webdzyne has that dzynezone doesn't, though (and, indeed, where all the trouble seems to begin) is this line:

&lt;!---- THIS IS THE REVISED STYLE SHEET FOR WEB DZYNE TEMPLATE ---&gt;

Maybe something to do with the fact that that comment appears before the <head> tag? At any rate, try taking it out and see what happens[/QUOTE]


? Yes, that's really me smiling!! Thank you very much: what do I owe ya?

(big sigh of relief at fixing my own foolishness!)
×

Success!

Help @jbdzyne spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...