Wed, 2003-11-12 19:14
*update*
I have figured a way to make Opera 7.x work on page, but it was by skipping the CSS lol. Here is what I found out to make the page work:
<link rel="stylesheet" type="text/css" href="ui/main.css" />
<link rel="stylesheet" type="text/css" href="ui/font.css" />
<!--// Netscape 7.x and Mozllia 1.x CSS fix // -->
<style type="text/css">
<!--
body { background:#cccccc;margin:0 0 0 0;}
-->
</style>
</head>
<body bgcolor="#cccccc" topmargin="0" leftmargin="0"> (this here fixed it in Opera 7.x)
Now if that is crappy, so rethinking of pulling the designing for Opera therory lol. If someone else has a fix other than this please let me know.
*End Update*
-----------------------------------------------------------------------------------
*Original Post*
Ok I am needing a hand here. I have read all the post so far on this and the one that stated remove the <!DOC Type... from the top of the page, I must say that might work on some, but here is my dilima<--spelled wrong. I am designing this page and I am using external CSS files. Now I already know that my CSS prob isnt perfect according to w3c (I am working on that) but it should work.
I have the main page and a test page. The test page doesnt have (what I call) the netscape fix included in code. The main one does. Here are the two links Main Index & Test Page
Now in the main one I have included within the page this snippet:
<!--// Netscape 7.x and Mozilla 1.x Fix //-->
<style type="text/css">
<!--
body {background:#cccccc; margin:0 0 0 0;}
-->
</style>
This has seemed to fix it in Netscape 7.x and Mozilla 1.x, but it hasnt fixed it in Opera 7.x I have also included my main CSS file so you dont have to try and pick it out. My main thing is how can I get the netscape and mozilla to work using my external files? And is there a way to get Opera to work with it also?
---------------------------------------------------------
Main.css
<style type="text/css">
<!--
body { background:#cccccc;
margin:0 0 0 0;}
/* Style Content Here */
td.ffcc {background-color:#ffcc66;}
td.ff99 {background-color:#ff9900;}
td.a9900{background-color:#990000;}
td.ffff {background-color:#ffffff;}
/* Header Image */
td.ffff1 {background-color:#ffffff;background-image:url("../images/logo3_header.jpg");
background-repeat:no-repeat;}
td.hdr {font-family: Arial, "MS Serif"; color:#000000;background-color:#ff9900; font-size:10pt;text-align:center;}
/* Links */
a.menu:link, a.menu:visited {background: none; text-decoration: none; color: #000000;}
a.menu:hover {background: none; text-decoration: none; color: #ffffff; }
a.menu:active {background: none; text-decoration: none; color:#336699;}
a.submenu:link {background: none; text-decoration: none; color: #000000;}
a.submenu:visited {background: none; text-decoration: none; color: #000000;}
a.submenu:hover {background: none; text-decoration: none; color: #990000; }
a.submenu:active {background: none; text-decoration: none; color:#336699;}
a.foot:link, a.foot:link {background: none; text-decoration: none; color: #990000;}
a.foot:hover {background: none; text-decoration: none; color: #000000;}
a.foot:active {background: none; text-decoration: none; color:#336699;}
/* Middle formating */
.input1{
font-family: Ariel, "MS Serif";
padding: 2px;
font-size: 13px;
color: #000000;
background-color: #ffffff;
border:solid 1px #fb890f;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;}
.ddorange {background-color: #ffcc66; font-weight: bold; font-size: 12px; color: white;}
select.ddorange{background-color: #fb890f; font-weight: bold; font-size: 12px; color: white; border:solid 1px #fb890f;}
/* Footer */
.footer1 {font-family: Arial, "MS Serif"; color:#ff9900;font-size:14pt; text-align:center;font-weight: bold;}
.footer2 {font-family: Arial, "MS Serif"; color:#000000;font-size:14pt; text-align:center;font-weight: bold;}
.contact {font-family: Arial, "MS Serif"; color:#000000;font-size:12px; text-align:center; }
.foot3 {font-family: Arial, "MS Serif"; color:#999999;font-size:12px; text-align:center;}
.cright {font-family: Arial, "MS Serif"; color:#000000;background-color:#ffcc66; font-size:10pt; text-align:center; }
-->
</style>
-------------------------------------------------
Font.css
<style type="text/css">
<!--
.lftsde1 {font-family: Arial, "MS Serif"; color:#000000;background-color:#ff9900; font-size:10pt;text-align:center;}
.alftmenu {font-family: Arial, "MS Serif"; color:#000000;background-color:#ff9900; font-size:10pt;text-align:left;}
.lft2 {font-family: Arial, "MS Serif"; color:#000000;background-color:#ffcc66; font-size:10pt; text-align:center;}
.greyish1 {font-family: Arial, "MS Serif"; color:#000000;background-color:#cccccc; font-size:10pt;}
.more {font-family: Arial, "MS Serif"; color:#000000;font-size:10px; text-align:center; }
.right2 {font-family: Arial, "MS Serif"; color:#000000;background-color:#ffcc66; font-size:10pt; text-align:center;}
b.hdr {font-family:Arial, "MS Serif"; color:#000000; font-size:14pt; font-weight:bold;}
.btt {font-family:Arial, "MS Serif"; color:#990000; font-size:9pt; }
-->
</style>
-------------------------------------------------
Header tags:
<link rel="stylesheet" type="text/css" href="ui/main.css" /> <link rel="stylesheet" type="text/css" href="ui/font.css" />
---------------------------------------------------------------------------------
Thank You in advance to anyone that can assist here
Wed, 2003-11-12 20:00
#1
Opera 7.x & Netscape 7.x & Mozilla 1.x and Internet
Hi
Remove this from the top of your css files.
Quote:
they should only be used when the styles are embeded in the head not when the styles are in a separate file.
<style type="text/css">
<!--
Hope that helps
Wed, 2003-11-12 20:01
#2
Opera 7.x & Netscape 7.x & Mozilla 1.x and Internet
OK thanks Tony, I tried that and now it works in netscape 7.x, mozilla 1.x, and Internet Explorer without the (netscape fix, snippet)
Big Help thanks, now what about that nasty Opera lol any ideas?
Wed, 2003-11-12 20:37
#3
Opera 7.x & Netscape 7.x & Mozilla 1.x and Internet
I now have it working (online) with Netscape 7.x, Mozilla 1.x, Internet Explorer, and some in Opera 7.x
The whole site doesnt work on Opera 7.x yet I have to go in and add a snippet:
<body bgcolor="#cccccc" topmargin="0" leftmargin="0">
After adding that to the body tag it seems to read the formating CSS it was just the bgcolor and margins it couldnt read. I guess if that is all I have to change to make it work then I am ok with that. Now I would like to not put that in the HTML I would like to have it in CSS so if someone knows of or finds a fix for this let me know. For now I will keep this that I am using.
While fixing that I seen this here also:
a.foot:link, a.foot:link {background: none; text-decoration: none; color: #990000;}
a.foot:hover {background: none; text-decoration: none; color: #000000;}
a.foot:active {background: none; text-decoration: none; color:#336699;}
Now that wont work right so changed that and everything so far seems smooth. I want to thank you Tony and any one else that has any ideas for me.
===========================================
Want to test this site in other browsers and report back then Click Here
===========================================