PDA

Click to See Complete Forum and Search --> : [RESOLVED] html doesn't work in IE

pinkcow
05-31-2007, 05:03 AM
hi

i got a page that works in firefox but not IE. the links at the top right aren't on the same height as the ":". how can i get them their?


<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link href="main.css" rel="stylesheet" type="text/css" />

<title>Log In: editRegistration</title>
<meta name="generator" content="TYPO3 4.0 CMS" />
</head>
<body>


<table cellspacing="0" cellpadding="0" class="tblMain">
<tr class="gSpace5"><td colspan="3"></td></tr>

<tr class="green">
<td colspan="2" class="headerLinks"><a href="index.php?id=25&L=">Help</a> :: <a href="index.php?id=2&reset=1&L=">Home</a> :: <a href="index.php?id=29&reset=1&L=">newsPool</a></td>

<td></td>
</tr>
<tr>
<td class="qorner"><!--###qorner### begin --><img src="g_ecke_ul_g.gif" alt="qornerPic" /><!--###qorner### end --></td>
<td class="green" align="left" id="logo"><!--###logo### begin --><A href="http://localhost/testTypo?id=2"><img src="logoSmall.gif" alt="logo" border="0" /></A><!--###logo### end --></td>
<td class="qorner"><!--###qorner### begin --><img src="g_ecke_ur_g.gif" alt="qornerPic" /><!--###qorner### end --></td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" class="tblMain">
<tr>
<td width="30"><img src="w_ecke_ol.gif" alt="qornerPic" /></td>
<td class="white"><!--###white### begin -->&nbsp;<!--###white### end --></td>

<td width="30"><img src="w_ecke_or.gif" alt="qornerPic" /></td>
</tr>
<tr class="white">
<td>&nbsp;</td>
<td><table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left"><img src="images/ad.gif" class="banner" border="1" alt="ad" /></td>
<td align="center"><img src="images/ad.gif" class="banner" border="1" alt="ad" /></td>
<td align="right"><img src="images/ad.gif" class="banner" border="1" alt="ad" /></td>

</tr>
</table>
</td>
<td>&nbsp;</td>
</tr>
</table>
</body></html>


css:

body,td,input,textarea {
font-family:Arial,sans-serif;
font-size: 11px;
}
body {
background-color: #ccc;
text-align:center;
width:100%;
height: 100%;
margin: 0 0 1px 0;
padding: 0;
}
td img {
display: block;
}
p {
text-align:center;
}
h2 {
font-size:16px;
display:inline;
}
a,.tags,a.uLine,.link {
font-size: 11px;
color:#99cc33;
text-decoration: none;
display:inline;
}
.link,.newsTitleEdit,.newsTxtEdit,#edit {
cursor:pointer;
}
a:hover,a.uLine,a.link:hover {
text-decoration: underline;
}
.green,.gSpace5,a.btn,a.btnMargin,a.btnBig,.commentTitle,#flickrAk,.paging,.tx-srfeuserregister-pi1-submit {
background-color: #97b83d;
}
.white,.wSpace1,.wSpace5,.wSpace10 {
background-color: #fff;
}
.qorner {
vertical-align: bottom;
width: 30px;
}
.headerLinks,.headerLinks a,.navBar,.navBar a {
font-size:12px;
text-align:right;
font-weight:bold;
color: #fff;
height:25px;
text-decoration:none;
}
.headerLinks a,.navBar a {
vertical-align:middle;
}
.headerLinks a:hover,.navBar a:hover {
text-decoration:underline;
}
.tblMain {
width: 890px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
NogDog
05-31-2007, 12:59 PM
It may help to use a fully qualified doctype to ensure that IE is not in "quirks mode":

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

(Also make sure the doctype is the very first line of the file.)
pinkcow
06-01-2007, 09:28 AM
cheers NogDog

That did the job, I wouldn't of imagined that the doctype would make a diffrence to rendering. well now the links are korrekt but a lot of text is now centered. unfortunatrley i can't find the problem and would be grateful for help.

"a > Views: 0 > Comments: 0" should be left like text above
the number in the gray area, right side of page, should be in the middle like on the left side

check it out here:
http://myspeakingtube.myvserver.net/typo3/index.php?id=2

regardes
pinkcow
06-01-2007, 11:09 AM
:)
bradgrafelman
06-02-2007, 02:43 AM
You might want to briefly explaining the fix so that others may benefit in the future.

Either way, don't forget to mark this thread resolved.
JPnyc
06-02-2007, 07:56 PM
Good pernt Brad
pinkcow
06-04-2007, 03:54 AM
i had to use "text-align:left;" in the first css-group body,td,input,textarea. aferwards everything worked (stupid mistake).