crazy indenting in ie 6

[-_-] · January 20, 2008

In IE 6 the google banner is half way down the page in FF its totally fine.

I figure its a .css problem. this isnt happening on my web search page, just my torrent search page. Any Ideas why its doing this? I think it might be the css or and the sortable table.

heres the main page.http://www.plentyoftorrents.com

and heres the .css http://www.plentyoftorrents.com/front.css

Heres the screenshot of it in IE 6

http://i17.tinypic.com/6nu5o39.png

and heres the css in the documents <head>.

   <style type="text/css">

<!--
INPUT,SELECT,TEXTAREA{

background:white;
color: #006699;

}
-->
</style>
  <!-- Style for table  -->

<style>
.hideFromScreen {display:none;}
A { text-decoration:none }
	a:link {
color: #000000;
}
a:visited {
color: #607ec5;
}
a:hover {
color: #3366FF;
text-decoration: none;
}
a:active {
color: #99ccff;
}
        table {
            text-align: left;
            font-size: 12px;
            font-family: book antiqua;
            background: #606060;
        }
        table thead {
            cursor: pointer;
        }
        table thead tr,
        table tfoot tr {
            background: url(images/tablemenu.png) repeat-x;
        }
        table tbody tr {
            background: #FFFFFF;
        }
			table tbody tr:hover {
			 background:#F0F0F0;
			}
        td, th {
            border: 1px solid black;
        }
			th {
			color:#ffffff;
			}
		</style>

             <script type="text/javascript" src="sortabletable.js"></script>

<!-- Style for table -->
        <link rel="search" type="application/opensearchdescription+xml" href="http://www.plentyoftorrents.com/search.xml" title="Plenty of Torrents" />




</head>

thanks for any help.

dbrimlow · January 20, 2008

Well, first of all, did you know you have over 600 errors!? This makes the page invalid and sends it into quirks mode. Once in quirks mode, all bets are off and debugging css and layout is near impossible.

Two reasons:

1. invalid xhtml - if you do not use xhtml to parse xml, then you are just using it to display html anyway ... only with xhtml coding rules. BUT you are not using xhtml rules properly - not encoding html characters in your scripts.

Just use html 4.01. XHTML is too unforgiving and unnecessary for serving html in the first place, but more so when you don't follow the encoding rules.

2. improper use of embedded style tag within the head. This is wrong:

</style>
  <!-- Style for table  -->

<style>

The second style tag has no type. It is throwing off your whole validation.

Change this to one embedded style within the head tags - remove these two tags altogether and leave the first and last style tags.

Once that's done THEN you can start debugging.

[-_-] · January 21, 2008

crap I thought I fixed all the errors. Must have accidently uploaded the wrong one. Would that be html 4.01. XHTML transitional?

Thanks.

dbrimlow · January 21, 2008

No xhtml at all, just:

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

First, there is no reason anyone should ever begin a new project using a transitional doctype ... the only reason to EVER use transitional is when you already have an older version of a live html page and are making it temporarily valid, before getting around to recode the page to current html specs (strict).

Transitional doctypes just allow sloppy deprecated tags. Why use it for a new document? Might as well just use html 4.0 strict or html 3.0.

Next, xhtml is not an html replacement, and was never intended as such. When you use xhtml along with a charset of "text/html", browsers simply display it as html anyway (while allowing the code to use XML closing tags and rigid rule structure).

But unless you really follow proper markup rules, coding syntax and case, it will be invalid fast.

Html is a little more forgiving. Yet, believe it or not, using html 4.01 strict, is the mark of someone who knows what they are doing because it is actually more unforgiving of using ANY deprecated tags or improper html 4.01 rules.

More and more, as coders are becoming aware, they are changing back to html 4.01 strict, and seeing those who use XHTML (and use the charset text/html) as amateurs who fell for the initial hype of xhtml (like we all initially did) back before modern browser (like Firefox) became so popular among the general public.

Sign In

crazy indenting in ie 6

Recommended Posts

[-_-]

Link to comment

Share on other sites

dbrimlow

Link to comment

Share on other sites

[-_-]

Link to comment

Share on other sites

dbrimlow

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information