Opera and Mozilla Problems

Geffy

OSNN Veteran Addict
Joined
18 Mar 2002
Messages
7,805
right I have made my site, http://www.geffychan.co.uk, but for some damn reason Opera shows it OK as long as you dont scroll and if you turn off all user stylesheets.

Mozilla... I have never seen a more screwed up appearance.

Can anyone please tell me how to make these browsers show my site correctly

Please help me







[EDIT] Geffy, I could not use your link, you had a comma at the end of the URL... I edited it out. Now your link works.

gonaads
 
Compliancy is your friend! (w3.org)

What are you using to make the site?
 
DWMX, HTML-Kit, Maguma PHP Light, Notepad


HTML-Kit said everything was OK except the height in the main table, but if I set that then will have problems elsewhere in the site.
 
I think it is mainly CSS issues, but I am not sure how to track these down
 
K I havent tried the CSS checker yet, but I did the HTML validator and I get 358 errors and about 99% of them are complete bull****, some of them complaining that <html> and <head> are wrong how the fk can they be wrong??

Also it comes up complaining about something that I have missed when it is there. At the mo I think that HTML validator is a complete bundle of crap.

if you think you can make some sense out of the cows dump that it gives, then do a test on http://217.79.113.242/ as it complains about framesets otherwise as the domain name is forwared.
 
am a bit pissed, wite wine, it does this tooom e, still donent mean I anc amek heads of tails of the valibatoe
 
not4.1.bmp


Anyone wants? :p
 
cheer benny I might add that til it works :p

okies did the CSS validator got this

Errors
Line: 67 Context : .panel
Parse Error - panel_l { background-attachment: fixed; background-repeat: no-repeat; background-height: 100%; background-position: left top; position: relative; width: 188px; }

Line: 77 Context : .panel
Parse Error - panel_r { background-attachment: fixed; background-repeat: no-repeat; background-height: 100%; background-position: right top; position: static; overflow: visible; visibility: visible; width: 17%; }

Warnings
Line : 2 font-family: You are encouraged to offer a generic family as a last alternative
Line : 5 Level : 1 You have no background-color with your color : a:link
Line : 8 font-family: You are encouraged to offer a generic family as a last alternative
Line : 11 Level : 1 You have no background-color with your color : a:visited
Line : 14 font-family: You are encouraged to offer a generic family as a last alternative
Line : 17 Level : 1 You have no background-color with your color : a:hover
Line : 20 font-family: You are encouraged to offer a generic family as a last alternative
Line : 26 font-family: You are encouraged to offer a generic family as a last alternative
Line : 29 Level : 1 You have no background-color with your color : .c1
Line : 32 font-family: You are encouraged to offer a generic family as a last alternative
Line : 35 Level : 1 You have no background-color with your color : .c2
Line : 38 font-family: You are encouraged to offer a generic family as a last alternative
Line : 41 Level : 1 You have no background-color with your color : .c3
Line : 45 font-family: You are encouraged to offer a generic family as a last alternative
Line : 47 Level : 1 You have no background-color with your color : .c4
Line : 54 font-family: You are encouraged to offer a generic family as a last alternative
Line : 56 Level : 1 You have no background-color with your color : .news
Line : 79 font-family: You are encouraged to offer a generic family as a last alternative
Line : 81 Level : 1 You have no background-color with your color : .copy
Line : 87 Level : 1 You have no background-color with your color : .shout


Valid CSS informations
a:link {
font-family : "Courier New", Courier, mono;
text-decoration : none;
font-size : x-small;
color : #ffffff;
}
a:visited {
font-family : "Courier New", Courier, mono;
text-decoration : none;
font-size : x-small;
color : #ffffff;
}
a:hover {
font-family : "Courier New", Courier, mono;
text-decoration : underline;
font-size : x-small;
color : #ffffff;
}
body {
font-family : "Courier New", Courier, mono;
font-size : 12px;
text-decoration : none;
font-weight : normal;
}
.c1 {
font-family : "Courier New", Courier, mono;
font-size : x-small;
text-decoration : none;
color : #ffffff;
}
.c2 {
font-family : "Courier New", Courier, mono;
font-size : x-small;
text-decoration : none;
color : #ffffff;
}
.c3 {
font-family : "Courier New", Courier, mono;
font-size : small;
font-weight : bold;
color : #ffffff;
text-decoration : none;
}
.c4 {
font-family : "Courier New", Courier, mono;
font-size : 12px;
color : #000000;
text-decoration : none;
}
.title {
height : 10%;
}
.news {
font-family : "Courier New", Courier, mono;
font-size : x-small;
color : #000000;
text-decoration : none;
}
.copy {
font-family : "Courier New", Courier, mono;
font-size : xx-small;
color : #000000;
text-decoration : none;
}
.shout {
font-family : Arial, Helvetica, sans-serif;
font-size : xx-small;
color : #ffffff;
text-decoration : none;
font-style : normal;
font-weight : lighter;
}

OK, I dont think the Warnings need to be looked at much, but the two errors, these are the bits that control the two parts that Opera and Mozilla cant process correctly, but the CSS thinger dont say how to fix them, can anyone offer any pearls of wisdom?
 
here is the CSS in full:

a:link {
font-family: "Courier New", Courier, mono;
text-decoration: none;
font-size: x-small;
color: #FFFFFF;
}
a:visited {
font-family: "Courier New", Courier, mono;
text-decoration: none;
font-size: x-small;
color: #FFFFFF;
}
a:hover {
font-family: "Courier New", Courier, mono;
text-decoration: underline;
font-size: x-small;
color: #FFFFFF;
}
body {
font-family: "Courier New", Courier, mono;
font-size: 12px;
text-decoration: none;
font-weight: normal;
}
.c1 {
font-family: "Courier New", Courier, mono;
font-size: x-small;
text-decoration: none;
color: #FFFFFF;
}
.c2 {
font-family: "Courier New", Courier, mono;
font-size: x-small;
text-decoration: none;
color: #FFFFFF;
}
.c3 {
font-family: "Courier New", Courier, mono;
font-size: small;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.c4 {
font-family: "Courier New", Courier, mono;
font-size: 12px;
color: #000000;
text-decoration: none;
}
.title {
height: 10%;
}
.news {
font-family: "Courier New", Courier, mono;
font-size: x-small;
color: #000000;
text-decoration: none;

}
.panel_l {
background-attachment: fixed;
background-repeat: no-repeat;
background-height: 100%;
background-position: left top;
position: relative;
width: 188px;
}
.panel_r {
background-attachment: fixed;
background-repeat: no-repeat;
background-height: 100%;
background-position: right top;
position: static;
overflow: visible;
visibility: visible;
width: 17%;
}
.copy {
font-family: "Courier New", Courier, mono;
font-size: xx-small;
color: #000000;
text-decoration: none;
}
.shout {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-weight: lighter;

}
 
christ how wasted was I , I dont actually remember typin much of that.
 
Yikes just looked at NTFS.org with Opera and Mozilla.

The forums in Mozilla are the same as in IE, Opera does a few weird things, but the Front page of NTFS.org in Mozilla is screwed up, Opera does the frontpage fine.

None of them have the scrolling issues my site has.
Its weird that there is such a difference in display methods from one browser to the next.
 
OK I have compared the line numbers from the CSS validator

.panel_l {
background-attachment: fixed;
background-repeat: no-repeat;
background-height: 100%;
background-position: left top;
position: relative;
width: 188px;
} <-- This is line 67
.panel_r {
background-attachment: fixed;
background-repeat: no-repeat;
background-height: 100%;
background-position: right top;
position: static;
overflow: visible;
visibility: visible;
width: 17%;
} <-- This is line 77

Now does that mean the whole section is wrong, it is missing something or what? It has to be something like that as I cant see a } being a problem anywhere
 
K I removed the _ between panel and l or r and them Mozilla was OK for a sec, then I refreshed and the problem came back
 
Originally posted by Geffy
K I removed the _ between panel and l or r and them Mozilla was OK for a sec, then I refreshed and the problem came back

Clear the cache and try to load it again.
 
Just made my site HTML 4.1 Transitional and CSS 2 complaint, now i have to recode the damn thing... and its not like Mozilla users are actually people.
 
Originally posted by gonaads
Clear the cache and try to load it again.

How do I clear the cache in Opera and Mozilla, I know Ctrl+F5 does a forced refresh in IE, but I only got Opera and Mozilla for testing purposes, I dont actually want to use them, but as some people do, I dont want to shut them out.
 
Ok I checked the CSS without the _ in it, now its telling me that
background-height: 100%;
Doesnt exist

Does this mean that its not valid CSS? It is in the file, this wc3 stuff is really pissin me off, why does it view perfectly in internet explorer and not in these other browsers
 

Members online

No members online now.

Latest profile posts

Also Hi EP and people. I found this place again while looking through a oooollllllldddd backup. I have filled over 10TB and was looking at my collection of antiques. Any bids on the 500Mhz Win 95 fix?
Any of the SP crew still out there?
Xie wrote on Electronic Punk's profile.
Impressed you have kept this alive this long EP! So many sites have come and gone. :(

Just did some crude math and I apparently joined almost 18yrs ago, how is that possible???
hello peeps... is been some time since i last came here.
Electronic Punk wrote on Sazar's profile.
Rest in peace my friend, been trying to find you and finally did in the worst way imaginable.

Forum statistics

Threads
62,015
Messages
673,494
Members
5,621
Latest member
naeemsafi
Back