• Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
managed wordpress hosting

ScrollBars and DocType header ??

ideavirus

New Member
Hii !

How necessary is it to have the doctype headers at the top of every webpage...!

when i have this doctype :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

...My scroll bars doesn't work :(..i mean the css ones...i had noticed the same a couple of times before also....! But without the doctype header...the colored scrollbars work :)

Is there any workaround for this...like if having the doctype really does make a difference...then i prefer to have it...possibly both the header and the scrollbar !

Thanks much for any help

Cheers
:)
 
valid HTML, XHTML, XML must have a DOCTYPE header. Otherwise it will not be valid. It will still render, but it won't be valid.

About the colored scrollbars... that sounds strange, mind posting your source?
 
Hii !

Here is the source code !..for one of my pages with the doctype header..!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title><%blogsetting(name)%></title>

<!-- some meta information (search engines might read this) -->
<meta name="generator" content="<%version%>" />
<meta name="description" content="<%blogsetting(desc)%>" />

<!-- stylesheet definition (points to the place where colors -->
<!-- and layout is defined -->
<link rel="stylesheet" type="text/css" href="mystyle.css" />

<!-- helper javascripts -->
<script type="text/javascript" src="<%adminurl%>javascript/edit.js"></script>
<script type="text/javascript" src="<%adminurl%>javascript/opennew.js"></script>

<!-- prevent caching (can be removed) -->
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="-1" />

<!-- site navigation bar (the Mozilla browser uses this) -->
<link rel="bookmark" title="Nucleus" href="http://www.nucleuscms.org/" />
<link rel="alternate" type="text/rss" title="RSS feed" href="xml-rss.php" />
<link rel="alternate" type="text/rss" title="Headlines" href="headlines.php" />
<link rel="archives" title="Archives" href="<%archivelink%>" />
<link rel="top" title="Today" href="<%todaylink%>" />

</head>
<BODY BGCOLOR="#FFFFFF">

<!-- here starts the code that will be displayed in your browser -->
<div class="contents">

<!-- a title -->
<TABLE WIDTH=700 ALIGN="CENTER">
<TR>
<TD ALIGN="RIGHT">
<h1><%blogsetting(name)%></h1>
</TD>
</TR>
</TABLE>
<TABLE WIDTH=700 ALIGN="CENTER">

<TR>

<td align="right">
<table cellspacing="1" cellpadding="4" border="0" bgcolor="#D7D7D7">
<tr>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="index.php">/root</a></td>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="<%todaylink%>">Today</a></td>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="<%archivelink%>">Archives</a></td>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="<%adminurl%>">Admin Area</a></td>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="javascript:showedit();">Add item</a></td>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="http://forums.hostoholic.com">Forums</a></td>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="http://www.hostoholic.com">Directory</a></td>
</tr>
</table>
</td>
</TR>
</TABLE>


<TABLE WIDTH=700 ALIGN="CENTER" CELLPADDING=5 STYLE="border: 1px dashed #e0e0e0">

<TR colspan=2>
<TD bgcolor="#F2F2F2" width=500>



<!-- this block is hidden by default, it contains an add-item form and -->
<!-- a live preview of how your post is going to look like -->
<div id="edit" style="display:none;">
<h2>Add Item</h2>
<%additemform%>
<h2>Preview</h2>
<%preview(default)%>
</div>

<!-- this tag inserts a weblog using the template named 'default' and -->
<!-- showing 15 entries -->
<%blog(default,10)%>

</div><!-- end of the contents div -->



<hr size=1 color="#484843" noshade>
<TABLE width=460 align="center">
<TR valign="top">
<TD><font size=2 color="#CC0000"><b>Categories</b></font>
<%categorylist(default)%></TD>
<TD><font size=2 color="#CC0000"><b>Search</b></font>
<%searchform%></TD>
<TD><font size=2 color="#CC0000"><b>Login</b></font>
<%loginform%></TD>
</TR>
</TABLE>

</TD>

<TD bgcolor="#F2F2F2" align="center" valign="top">
Advertisements
</TD>
</TR>

</TABLE>


<TABLE WIDTH=700 ALIGN="CENTER" CELLPADDING=0>

<TR>

<td align="left" class="small" bgcolor="#F2F2F2"> &nbsp;&nbsp;A Service of <a href="http://www.netallrounder.com" target="_blank">[ Net AllRounder ]</a> <B>...</B> CopyRight&nbsp;&copy;&nbsp;2002&nbsp;<a href="http://www.netallrounder.com"><b>NetAllRounder. </b></a>All Rights Reserved</td>

<td align="right">
<table cellspacing="1" cellpadding="4" border="0" bgcolor="#D7D7D7">
<tr>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="http://pages.hostoholic.com/tos.html">terms of service</a></td>
<td bgcolor="#F2F2F2" class="smalldark" align="center"><a href="http://pages.hostoholic.com/privacy.html">privacy</a></td>
</tr>
</table>
</td>
</TR>
</TABLE>


</BODY>
</HTML>

Actually many a times, I have noticed that with the doctype header...the coloured scroll bars code doesn't work..with the doctype header...they work...!Infact one of the developers asked me to remove the doctype header for the colored scrollbars to work... !:confused:

Thanks again
Cheers
 
scrollbar attributes are not valid css and are proprietary tags supported only by IE. that explains why it doesn't show up with a doc type
 
Even in IE 6.0...with the DocType header....If I have the scrollbar CSS, I don't get the colored scroll bars..??

i was just wondering, if there is a workaround...??

Like Doctype could play an Important role for SE indexing..so I would like to have both doctype headers and also colored scrollbars..!

Cheers
:)
 
this problem arose at Devshed the other day, you have to get rid of the "http://www.w3.org/TR/html4/loose.dtd" I beleive.
 
Back
Top