• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Opera and Mozilla Problems

#1
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
 
#3
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.
 
#6
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.
 
#9
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?
 
#10
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;

}
 
#12
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.
 
#13
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
 

gonaads

Beware the G-Man
Political User
#15
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.
 

Tabula Rasa

Stranger Than Kindness
Political User
#16
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.
 
#19
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.
 
#20
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

Latest posts

Latest profile posts

Perris Calderon wrote on Electronic Punk's profile.
Ep, glad to see you come back and tidy up...did want to ask a one day favor, I want to enhance my resume , was hoping you could make me administrator for a day, if so, take me right off since I won't be here to do anything, and don't know the slightest about the board, but it would be nice putting "served administrator osnn", if can do, THANKS

Been running around Quora lately, luv it there https://tinyurl.com/ycpxl
Electronic Punk wrote on Perris Calderon's profile.
All good still mate?
Hello, is there anybody in there? Just nod if you can hear me ...
Xie
What a long strange trip it's been. =)

Forum statistics

Threads
61,962
Messages
673,240
Members
89,017
Latest member
loxioalix