Hi everyone,

I'm new to the forum and relatively inexperienced at web publishing as well. I'm currently administering the following website: http://latmont.org/

I've set up the website to work with an external CSS style sheet that is linked from the header in each web page. The style sheet was created by someone else with with proper accredition duly provided. I simply adapted it to work with my own graphics and layout needs. I've provided the CSS code below. When viewed from IE7 or IE8, the pages look as they should. In FireFox, none of the CSS is applied whatsoever. I was directed to this forum by an earlier post that I had read regarding configuring the htaccess file to recognize css as a MIME type. I was able to modify the htaccess file as directed but nothing changed. I then asked the tech support at our webhosting site for assistance. They basically blew me off saying that they don't have resources to deal with scripting issues and that I should take my problem to a user discussion forum. I also validated the CSS code using a W3C CSS code validator and all of the style elements passed the validation. I'm assuming that I've made some kind of coding mistake that somehow isn't affecting loosey-goosey IE's interpretation of the code but fails in browsers that adhere more rigorously to the HTML standard. Can anyone tell me what this is???? I haven't had any luck finding a solution on my own so far...

Thanks

Sasha

/* CSS Document By Dieter Schneider 2006 | www.csstemplateheaven.com*/

* {margin: 0px;
   padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-image: url(images/shadow_left.jpg);
	background-repeat: no-repeat;
}

#container {
	font-size: 1.2em;
	margin-left: 20px;
}

#header {
	height: 155px;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
}

#linkbar {
	background-image: url(images/linkbar_bg.jpg);
	background-repeat: repeat-x;
	height: 59px;
}

#left {
	background-image: url(images/content_top_bg.jpg);
	background-repeat: repeat-x;
	height: 417px;
	margin-right: 221px;
	padding-left: 30px;
	padding-right: 50px;
	padding-top: 50px;
}

#sub_span {width: 100%; 
	   float: left;
	   margin-bottom: 10px;}

#sub_left {width: 30.3%;
           float: left;}

#sub_right {width: 30.3%;
            float: right;}

#sub_content {margin-left: 33.4%;
               margin-right: 33.4%}

#left_topBox {
	height: 45px;
	padding-top: 1px;
	margin-bottom: 35px;
	color: #FFFFFF;
	font-size: 0.9em;
}

#right {
	background-image: url(images/main_graphics.jpg);
	position: absolute;
	top: 0;
	right: 0;
	width: 246px;
	padding-top: 284px;
	background-repeat: no-repeat;
	height: 492px;
}

#footer {
	clear: both;
	padding: 10px;
	text-align: center;
	border-top: 1px solid #CCCCCC;
}

/******************** Top Navigation ************************/

#navcontainer ul
{
	background-color: #036;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	background-image: url(images/linkbar_bg.jpg);
	background-repeat: repeat-x;
	height: 39px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 21px 20px 0px 20px;
color: #fff;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
	background-image: url(images/hover_link_bg.jpg);
	background-repeat: repeat-x;
	height: 35px;
	color: #FFFFFF;
}

/********************* End top navigation ***************************/


p {margin-bottom: 15px;
    margin-top: 0px;}

.ingress {margin-bottom: 15px;
    margin-top: 10px;}
	
.sign_up {
	font-weight: bold;
	color: #66FFCC;
}

h1 {
	font-size: 2em;
	padding-top: 50px;
	padding-left: 50px;
	color: #000000;
	font-style: italic;
	font-weight: bold;
}

h2 {
	font-size: 1em;
	padding-left: 50px;
	color: #666666;
	font-style: italic;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	margin-bottom: 20px;
	color: #666666;
	font-style: italic;
	font-weight: bold;
}


a:link {
	color: #6E2B32;
	text-decoration: none;
	font-weight: bold;
}     /* unvisited link */
a:visited {
	color: #6E2B32;
	text-decoration: none;
	font-weight: bold;
}  /* visited link */
a:hover {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}   /* mouse over link */
a:active {
	color: #006633;
	text-decoration: none;
	font-weight: bold;
}   /* selected link */


.img_left {float: left;
            margin-right: 4px;}

 /***************************** sidebar navigation ****************************/
			
.navcontainer {
	width: 246px;
	background-image: url(images/right_navbar_bg.jpg);
	height: 250px;
	padding-top: 74px;
	background-repeat: no-repeat;
}

.navcontainer ul
{
list-style-type: none;
margin-left: 40px;
}

.navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #FFFFFF;
border-bottom: 1px solid #eee;
	color: #000000;
}

.navcontainer a:link, #navlist a:visited
{
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #76333A;
color: #fff;
}

After I changed your charset to UTF-8, everything looked better...

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

floatingDivs fix didn't work for me, but for some reason when I look at the <link> in the <head> there's some extra gibrish stuff in it

P.S. It ONLY works on IE (and Opera), it breaks in Chrome, FF and Safari

@shaya4207

Yeah, that didn't actually work. I had edited my post (twice!) but neither of them took effect?

@sasaspurmanis

After digging around a little bit yesterday, I found out that there might exist a possibility that your server isn't setup properly. Do you know what an .htaccess file is? You may need to insert the following snippet of code into it.

AddType text/css .css

Yes what is this?

1⼪⁃ 卓⁄潣畭敮琠䉹⁄楥瑥爠卣桮敩摥爠㈰〶⁼⁷睷⹣獳瑥浰污瑥桥慶敮⹣潭⨯ഊഊ⨠筭慲杩渺‰灸㬍ਠ†灡摤楮机‰灸㬍੽ഊഊ扯摹⁻ഊ०潮琭晡浩汹㨠䅲楡氬⁈敬癥瑩捡Ⱐ獡湳⵳敲楦㬍ਉ景湴⵳楺攺‶㈮㔥㬍ਉ扡捫杲潵湤⵩浡来㨠畲氨業慧敳⽳桡摯睟汥晴⹪灧⤻ഊॢ慣歧牯畮搭牥灥慴㨠湯⵲数敡琻ഊ納਍ਣ捯湴慩湥爠笍ਉ景湴 ⵳楺攺‱⸲敭㬍ਉ浡牧楮⵬敦琺′ば砻ഊ納਍ਣ桥慤敲⁻ഊ२敩杨琺‱㔵灸㬍ਉ扡捫杲潵湤⵩浡来㨠畲氨業慧敳⽨敡摥牟执⹪灧⤻ഊॢ慣歧牯畮搭牥灥慴㨠牥灥慴⵸ 㬍੽ഊഊ⍬楮止慲⁻ഊॢ慣歧牯畮搭業慧攺⁵牬⡩浡来猯汩湫扡牟执⹪灧⤻ഊॢ慣歧牯畮搭牥灥慴㨠牥灥慴⵸㬍ਉ桥楧桴㨠㔹灸㬍੽ഊഊ⍬敦琠笍ਉ扡捫杲潵湤⵩浡来㨠畲氨業慧敳⽣潮瑥湴彴潰形朮橰朩㬍ਉ扡捫杲潵湤⵲数敡琺⁲数敡琭砻ഊ२敩杨琺‴ㄷ灸㬍ਉ浡牧楮⵲楧桴㨠㈲ㅰ砻ഊ॰慤摩湧⵬敦琺″ば砻ഊ॰慤摩湧⵲楧桴㨠㔰灸㬍ਉ灡摤楮札瑯瀺‵ば砻ഊ納਍ਣ獵扟獰慮⁻睩摴栺‱〰┻*ਉ†⁦汯慴㨠汥晴㬍ਉ†慲杩渭扯瑴潭㨠㄰灸㭽ഊഊ⍳畢彬敦琠筷楤瑨㨠㌰ ⸳┻ഊ†††††⁦汯慴㨠汥晴㭽ഊഊ⍳畢彲楧桴⁻睩摴栺″〮㌥㬍ਠ†††††⁦汯慴㨠物杨琻納਍ਣ獵扟捯湴敮琠筭慲杩渭汥晴㨠㌳⸴┻ഊ†††††††慲杩渭物杨琺″㌮㐥納਍ਣ汥晴彴潰䉯砠笍ਉ桥楧桴㨠㐵灸㬍ਉ灡摤楮札瑯瀺‱灸㬍ਉ浡牧楮ⵢ潴瑯洺″㕰砻ഊॣ潬潲㨠⍆䙆䙆䘻ഊ०潮琭獩穥㨠〮㥥活ഊ納਍ਣ物杨琠笍ਉ扡捫杲潵湤⵩浡来㨠畲氨業慧敳⽭慩湟杲慰桩捳⹪灧⤻ഊ॰潳楴楯渺⁡扳潬畴攻ഊॴ潰㨠〻ഊॲ楧桴㨠〻ഊॷ楤瑨㨠㈴㙰砻ഊ॰慤摩湧⵴潰㨠㈸㑰砻ഊॢ慣歧牯畮搭牥灥慴㨠湯⵲数敡琻ഊ२敩杨琺‴㤲灸㬍੽ഊഊ⍦潯瑥爠笍ਉ捬敡爺⁢潴栻ഊ॰慤摩湧㨠㄰灸㬍ਉ瑥硴ⵡ汩杮㨠捥湴敲㬍ਉ扯牤敲⵴潰㨠ㅰ砠獯汩搠⍃䍃䍃䌻 ഊ納਍ਯ⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⁔潰⁎慶楧慴楯渠⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⼍਍ਣ湡癣潮瑡楮敲⁵氍੻ഊॢ慣歧牯畮搭捯汯爺‣〳㘻ഊ०汯慴㨠汥晴㬍ਉ睩摴栺‱ 〰┻ഊ०潮琭晡浩汹㨠慲楡氬⁨敬癥瑩捡Ⱐ獡湳⵳敲楦㬍ਉ扡捫杲潵湤⵩浡来㨠畲氨業慧敳⽬楮止慲形朮橰朩㬍ਉ扡捫杲潵湤⵲数敡琺⁲数敡琭砻ഊ२敩杨琺″㥰砻 ഊ納਍ਣ湡癣潮瑡楮敲⁵氠汩⁻⁤楳灬慹㨠楮汩湥㬠納਍ਣ湡癣潮瑡楮敲⁵氠汩⁡ഊ笍ੰ慤摩湧㨠㈱灸′ば砠ば砠㈰灸㬍੣潬潲㨠⍦晦㬍ੴ數琭摥捯牡瑩潮㨠湯湥㬍 ੦汯慴㨠汥晴㬍੽ഊഊ⍮慶捯湴慩湥爠畬椠愺桯癥爍੻ഊॢ慣歧牯畮搭業慧攺⁵牬⡩浡来猯桯癥牟汩湫形朮橰朩㬍ਉ扡捫杲潵湤⵲数敡琺⁲数敡琭砻ഊ२敩杨琺″ 㕰砻ഊॣ潬潲㨠⍆䙆䙆䘻ഊ納਍ਯ⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨠䕮搠瑯瀠湡癩条瑩潮‪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⼍਍਍ੰ⁻浡牧楮ⵢ潴瑯洺‱㕰砻ഊ††浡牧楮⵴潰㨠ば砻納਍ਮ楮杲敳猠筭慲杩渭扯瑴潭㨠ㄵ灸㬍ਠ†慲杩渭瑯瀺‱ば砻納ਉഊ⹳楧湟異⁻ഊ०潮琭睥楧桴㨠扯汤㬍ਉ捯汯爺‣㘶䙆䍃㬍੽ഊഊ栱⁻ഊ०潮琭獩穥㨠㉥活ഊ॰慤摩湧⵴潰㨠㔰灸㬍ਉ灡摤楮札汥晴㨠㔰灸㬍ਉ捯汯爺‣〰〰〰㬍ਉ景湴⵳瑹汥㨠楴慬楣㬍ਉ景湴⵷敩杨琺⁢潬搻ഊ納਍੨㈠笍ਉ景湴⵳楺攺‱敭㬍ਉ灡摤楮札汥晴㨠㔰灸㬍ਉ捯汯爺‣㘶㘶㘶㬍ਉ景湴⵳瑹汥㨠楴慬楣㬍ਉ景湴⵷敩杨琺⁢潬搻ഊ納਍੨㌠笍ਉ景湴⵳楺攺‱⸳敭㬍ਉ浡牧楮ⵢ潴瑯洺′ば砻ഊॣ潬潲㨠⌶㘶㘶㘻ഊ०潮琭獴祬攺⁩瑡汩挻ഊ०潮琭睥楧桴㨠扯汤㬍੽ഊഊഊ愺汩湫⁻ഊॣ潬潲㨠⌶䔲䈳㈻ഊॴ數琭摥捯牡瑩潮㨠湯湥㬍ਉ景湴⵷敩杨琺⁢潬搻ഊ素††⼪⁵湶楳楴敤楮欠⨯ഊ愺癩獩瑥搠笍ਉ捯汯爺‣㙅㉂㌲㬍ਉ瑥硴ⵤ散潲慴楯渺潮攻ഊ०潮琭睥楧桴㨠扯汤㬍੽†⼪⁶楳楴敤楮欠⨯ഊ愺桯癥爠笍ਉ捯汯爺‣㌳㌳㌳㬍ਉ 瑥硴ⵤ散潲慴楯渺潮攻ഊ०潮琭睥楧桴㨠扯汤㬍੽† ⨠浯畳攠潶敲楮欠⨯ഊ愺慣瑩癥⁻ഊॣ潬潲㨠⌰〶㘳㌻ഊॴ數琭摥捯牡瑩潮㨠湯湥㬍ਉ景湴⵷敩杨琺⁢潬搻ഊ素†⼪⁳敬散瑥搠汩湫‪⼍਍਍ਮ業束汥晴⁻晬潡琺敦琻ഊ††††††浡牧楮⵲楧桴㨠㑰砻納਍ਠ⼪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⁳楤敢慲慶楧慴楯渠 ⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⨪⼍ਉउഊ⹮慶捯湴慩湥爠笍ਉ睩摴栺′㐶灸㬍ਉ扡捫杲潵湤⵩浡来㨠畲氨業慧敳⽲楧桴彮慶扡牟执⹪灧⤻ഊ२敩杨琺′㔰灸㬍ਉ灡摤楮札瑯瀺‷㑰砻ഊॢ慣歧牯畮搭牥灥慴㨠湯⵲数敡琻ഊ納਍ਮ湡癣潮瑡楮敲⁵氍੻ഊ汩獴⵳瑹汥⵴祰攺潮攻ഊ浡牧楮⵬敦琺‴ば砻ഊ納਍ਮ湡癣潮瑡楮敲⁡ഊ笍੤ 楳灬慹㨠扬潣欻ഊ灡摤楮机″灸㬍੷楤瑨㨠ㄶば砻ഊ扡捫杲潵湤ⵣ潬潲㨠⍆䙆䙆䘻ഊ扯牤敲ⵢ潴瑯洺‱灸⁳潬楤‣敥攻ഊॣ潬潲㨠⌰〰〰〻ഊ納਍ਮ湡癣潮瑡楮敲⁡ 㩬楮欬‣湡癬楳琠愺癩獩瑥損੻ഊ瑥硴ⵤ散潲慴楯渺潮攻ഊ納਍ਮ湡癣潮瑡楮敲⁡㩨潶敲ഊ笍੢慣歧牯畮搭捯汯爺‣㜶㌳㍁㬍੣潬潲㨠⍦晦㬍੽ഊ

I've never seen anything like this. Especially since the page renders fine in IE. IE is VERY strict when it comes to page rendering. FF will allow missing closing tags and such sometimes, but the same will break IE.

@FloatingDivs

I tried configuring the htaccess file a while back. I didn't seem to do the trick. I also noticed that I have the same problem with the pages when I render the files on my home PC in FF.

Now here's something even more bizarre that I just noticed: when I open one of the other pages (e.g., http://latmont.org/kontakti.htm ) without visiting the home page first, it renders fine in FF. I can even navigate to other pages except the home page and they render fine also...that is until I either hit the home page or navigate to a page that I'd visited previously. Then everything breaks... :(

Any clues???

Sasha

floatingDivs fix didn't work for me, but for some reason when I look at the <link> in the <head> there's some extra gibrish stuff in it

P.S. It ONLY works on IE (and Opera), it breaks in Chrome, FF and Safari

thanks for looking into this Shaya. At least I now know that it only works pretty much exclusively in IE. I just wish I could figure out why....

Carefully read this and be 100% certain before ruling it out.

http://www.webmasterworld.com/firefox_browser/3035057.htm

---

EDIT: Here's a working version I re-created on my desktop. Copy & paste this into a test page and try it out. If it works, maybe consider using the absolute links I did rather than relative ones? Also, curious as to why your charset isn't UTF-8.

---

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Latmontu Kontakti | www.latmont.org</title>
<link rel="stylesheet" type="text/css" href="http://latmont.org/style.css" />
</head>

<body>

<div id="container">

<div id="header">
<h1>Latmontu Kontakti</h1>
<h2>www.latmont.org</h2>

</div>

<div id="linkbar">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.htm" id="current">Mājas Lapa</a></li>
<li><a href="laikradis.htm">Laikrādis</a></li>
<li><a href="jaunumi.htm">Jaunumi</a></li>
<li><a href="notikumi.htm">Notikumi</a></li>
<li><a href="saites.htm">Saites</a></li>
<li><a href="kontakti.htm">Kontakti</a></li>

<li><a href="atbalss.htm">Atbalss</a></li>
</ul>
</div>
</div>

<div id="left">

<div id="sub_left">
<h3>Latvijas Republikas Vēstniecība Kanādā</h3>
<p align=middle><img src="http://latmont.org/images/mini-saulite.png" alt="Saulite" width="78" height="80" class="img_left" /></a> </p>
<b>Pasta adrese:</b><br>
350, Sparks Street<br>

Suite 1200<br>
Ottawa, On. K1R 7S8<br>
<b>Tel:</b> 613-238- 6014<br>
<b>Fax:</b> 613-238 7044<br>
<b>Epasts:</b> <a href="mailto:embassy.canada@mfa.gov.lv">embassy.canada@mfa.gov.lv</a><br>
<b>Saite:</b><br>

<a href="http://www.ottawa.am.gov.lv/lv/">http://www.ottawa.am.gov.lv/lv/</a> </p>
<hr>
<br>
<h3>Latvijas Valsts Goda Konsuls Montreālā</h3>
<p><img src="http://latmont.org/images/mini-saulite.png" alt="Saulite" width="78" height="80" class="img_left" /><b>Kontakts:</b><br>
Roberts Klaiše<br><br>
<b>Pasta adrese:</b><br>
3955 Provost, Lachine, Que. <br>
H8T 1M1<br>

<b>Tel:</b> 514-422-0562<br>
<b>Epasts:</b> <a href="mailto:rklaise@sympatico.ca">rklaise@sympatico.ca</a> 
</p>
</div>

<div id="sub_right">
<h3>Montreālas Latviešu Katoļu Kopa</h3>
<p><img src="http://latmont.org/images/mini-saulite.png" alt="Saulite" width="78" height="80" class="img_left" /></a> </p>
<p><b>Kontakts:</b><br> Alberts Caune<br>

<b>Tel:</b> 514-484-0272</p> 
<p><i>Dievkalpojumi notiek Notre Dame Bazilikas Sv. Jēzus Sirds kaplīčā, ieeja no St. Sulpice ielas.</i>
</p>
<hr>
<br>
<h3>Montreālas Latviešu Sabiedriskais Centrs</h3>
<p><img src="http://latmont.org/images/mini-saulite.png" alt="Saulite" width="78" height="80" class="img_left" />
<b>Pasta adrese:</b><br> 
3955 Provost, Lachine<br>
Que. H8T 1M1<br>

<b>Centra Saimnieks:</b><br>Laimons Bisenieks<br>
<b>Tel:</b> 514-634-4082<br>
<b>Mobilais:</b> 514-212-4276
</p>
</div>

<div id="sub_content">
<h3>Montreālas Latviešu Trīsvienības Ev.-Lut. Draudze</h3>
<p><img src="http://latmont.org/images/mini-saulite.png" alt="Saulite" width="78" height="80" class="img_left" /></a> </p>

<p><b>Pasta adrese:</b><br>
Trinity Latvian Church, P.O. Box 39, Station NDG, Montreal QC<br>
H4A 3P7<br>
<b>Epasts: </b><a href="mailto:trinity@draudze.org">trinity@draudze.org</a></p> 
<p><b>Mācītājs:</b> Māris Ķirsons, <b>Tel:</b> 613-234-8567 vai 613-291-5029 vai 819-321-0279; <b>Epasts:</b> <a href="mailto:rev@draudze.org">rev@draudze.org</a></p>  

<p><b>Priekšnieks/Aprūpes grupas vadītājs:</b><br>
Dāgs Demandts,<br>
<b>Epasts:</b><br> <a href="mailto:prez@draudze.org">prez@draudze.org</a></p>
<p><b>Kasieris</b><br>
 Roberts Kalniņš,<br> 
<b>Tel:</b> 514-426-5808<br>

<b>Epasts:</b> <a href="mailto:cash@draudze.org">cash@draudze.org</a>
<p><b>Draudzes Ziņas Redaktori</b>
<b>Epasts: </b><a href="mailto:dz@draudze.org">dz@draudze.org</a></p>
</p>
<hr>
<br>
<h3>Tērvetes Bērnu Nometne</h3>
<p><img src="http://latmont.org/images/mini-saulite.png" alt="Saulite" width="78" height="80" class="img_left" /></a> </p>
<p><b>Registrāre:</b> Anita Porietis-Bedard<br>

<b>Pasta adrese:</b> 113 Highgate   Pte-Claire  H9R 2X5 <br>
<b>Tel:</b> 514-697-6624</b><br>
<b>Epasts:</b> <a href="mailto:registrare@tervete.org">registrare@tervete.org</a>
<b>Saite:</b><a href="www.tervete.org">www.tervete.org</a> 
</p>
</div>

<div id="footer">
<p>Saites administrators: Saša Spurmanis 2010 | <a href="mailto:aleks.spurmanis@gmail.com">aleks.spurmanis@gmail.com</a></p>
<p>CSS template created by Dieter Schneider 2006 | <a href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></p>

</div>

</div>

<div id="right">
<div class="navcontainer">
<ul class="navlist">
<li><a href="http://www.draudze.org/">Draudze</a></li>

<li><a href="http://www.lnak.org/">LNAK</a></li>
<li><a href="http://www.tervete.org/">Tērvete</a></li>
</ul>
</div>
</div>



</div>


</body>
</html>
commented: thanks FD! You helped me solve this problem :D +0

often get gremlins
<link rel="stylesheet" type="text/css" href="style.css" />
mYay fail when
<link rel="stylesheet" type="text/css" href="./style.css" />
works

Hi all,

I found the solution to my problem thanks in large part to the many suggestions that floatingDivs provided. While none of the specific recommendations directly resolved the issue (I changed the HTACCESS file, the char set to UTF-8 and made absolute refs to the css file without success), the reference to UTF-8 got me thinking about the encoding of the htm files that I was generating. One thing that I neglected to mention earlier is that I'm editting these pages using NotePad (pretty old-school I know). I saved FD's test sheet to my PC with UTF-8 encoding and it loaded up unbroken in IE, FF and SeaMonkey. It took a bit of experimentation, but I eventually found out that when I saved these sheets using the default "Unicode" encoding that's when the link to the style sheet broke in FF and SeaMonkey. ANSI encoding preserved the link to the css, but the special baltic characters were lost.

RE: the choice of character set. This was actually put in place by my predecessor. It seemed to work so I didn't fuss with it once I took over admining the site. After FD's post, I changed the set to UTF-8 on all of the pages and they looked the same (I was initially concerned that some of the special baltic characters would be lost).

Kudos and thanks to FD and Daniweb for helping me figure this out!

Cheers,

Sasha

Hi Sasha. I too have had the same problem getting Firefox and Safari to implement the CSS doc for my website but I dont understand your solution. I am self taught and often lose the meaning of what people write as I only have a partial grasp of all the abreviations, letters & numbers used in these posts.
I have checked the coding of my webpage and CSS doc with a W3C CSS code validator and all have passed. The website displays as designed in IE7, IE8 & IE9 and a few others such as Avant, but Firefox, Safari & Sea Monkey all apply their default text which is black but the background is also black hence no text visible. There are other text issues that are all caused by not recognising the css doc.
Can you walk me through what I need to do to get a solution?
If anyone else is reading this can you contribute - I'd really appreciate it as it's driving me insane? You can check out the website at www.classixrock.com
Many thanks
Dave

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.