CSS problem - no style on start

autopost · Jan 9, 2008

I hope this is the correct forum for CSS queries. 
 
Anyway - I am using CSS, but when the page opens for the first time the stylesheets are ignored. On refreshing the page, the stylesheets are obeyed and it all looks good. 
 
When I go way and load another page, then return through a hyperlink, there is no style again. Refreshing again clears the problem. I have no idea what is going on 
 
 
 
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> 
 
 
<html xmlns:v="urn:schemas-microsoft-com:vml"> 
 
 
 
 
<head> 
 
<style> 
v\:* {behavior:url(#default#VML);} 
</style> 
 
 
<title>novaNet Cable and Network Calculator - Results</title> 
 
<link rel="stylesheet" type="text/css" href=http://www.htmlforums.com/archive/index.php/"../../../styles/table.css" /> 
<link rel="stylesheet" type="text/css" href=http://www.htmlforums.com/archive/index.php/"../../../styles/body.css" /> 
<link rel="stylesheet" type="text/css" href=http://www.htmlforums.com/archive/index.php/"../../../styles/div.css" /> 
 
 
</head> 
<body class="sub"> 
 
 
<center> 
<table width=350 border="0"> 
<tr> 
<td align="center" width="100%"> 
<h3>novaNet Cable and Network Calculator - Results</h3> 
</td> 
</tr> 
 
<tr> 
<td> 
<table class="c_result"> 
<tr> 
<td class="c_result"> 
Cable Name: 
</td> 
 
<td class="c_result"> 
Datwyler Uninet 8002 4P 
</td> 
</tr> 
 
<tr> 
<td class="c_result"> 
Capacitance: 
 
 
 
Resistance: 
</td> 
 
<td class="c_result"> 
46.00 pF/m 
 
 
 
57.00 O/km 
</td> 
</tr> 
</table> 
</td> 
</tr> 
</table> 
</center> 
 
 
 
 
</body> 
</html>I'm not sure how to solve that problem, but I do know that your code is not valid. The first problem I see is that you are using XML style code all over but you declared the doctype as HTML 4.01 Transitional. You need to pick which one you are using and stick with it. If you want to use HTML 4.01, and I don't see why you couldn't from this code, you need to first fix the declaration. 
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" 
"http://www.w3.org/TR/REC-html40/loose.dtd"> 
You also need to remove the "/" at the end of the link tags. In XML, the "/" is the proper way to close a tag that doesn't have it's own way of closing, but HTML 4.01 does not recognize that. You also need a "type" attribute in your style tag. Although, I have no idea what that bit of code is accomplishing. 
<style type="text/css"> 
That should make your code valid. As for whether or not that will fix your problem, I don't know, but it can't hurt. 
 
Doog XelaIf I use the doctype as you suggested, then certain elements (ie, <iframe>) will not render in IE6.0. I did this after scoutt suggested it to me in this thread (<a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=16940">http://www.htmlforums.com/showthread.ph ... adid=16940</a>) 
 
I realise that i have not used <iframe> in this page, but the head is from a common .php file. 
 
------------------------------------ 
 
I have put the "/>" at the end of the <link> at the recomendation of the w3schools tutorial (<a class="postlink" href="http://www.w3schools.com/css/css_howto.asp">http://www.w3schools.com/css/css_howto.asp</a>) 
 
I did not put them in at first (bad copying on my behalf) and the links to the style sheets did not work. 
 
------------------------------------ 
 
xml. 
 
are you saying that i can either have the doctype declare the transitional standard, or have the xml attribute in the <html> tag, but not both? 
 
ok, I can live with that, but I need xml so the transitional standard is out of the window. 
 
the style declaration : 
 
 
<style> 
v\:* {behavior:url(#default#VML);} 
</style> 
 
 
is a direct copy from microsoft (<a class="postlink" href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/default.asp">http://msdn.microsoft.com/library/defau ... efault.asp</a>) 's own vml/xml recomendation as submitted to w3c. 
 
------------------------------- 
 
thanks for your input Alex, but this is the only page where i am having problems. All of the others are rendering fine, and the <link> and <html> declarations are common to all pages.If you need the XML, try this declaration: 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
 
Or, I believe the frameset version of the doctype supports iframes. 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 
 
I'll have to read up on VML. I'd not heard of it. I'm beginning to show my lack of expertise. Unfortunately, I don't know how to solve that problem. I'll try and recreate it here, and then come up with a solution, but I can't think of anything off hand. 
 
Doog Xela

CSS problem - no style on start

autopost

Guest