nicht angemeldet
Hallo,
ich habe folgendes Problem: Meine Navigation die ich in ein Tablle gesetzt habe, sitz beim Firefox genau an der richtigen Stelle! Im IE hingegen ist meine Navigation um ca. 2Pixel nach oben verrutscht! Was ist da los?? Ich finde den Fehler einfach nicht! Ich habe es auch schon ohne Tabelle probiert, kein Erfolg. Hier kommt einmal mein HTMl-Code
-------------------HTML-CODE----------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Lukas Ackermann">
<meta name="keywords" content=" Private Homepage, Lukas Ackermann">
<meta name="language" content="german">
<meta name="robots" content="index, nofollow">
<!--<link rel="stylesheet" href="standard.css">-->
<link rel="shortcut icon" href="favicon.ico">
<title>Template</title>
<style type="text/css">
body
{
margin:0;
padding:0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(Material/background.gif);
color:#666666;
text-align:left;
}
a:link, a:visited, a:active
{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}
a:hover
{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
acronym
{
cursor: help;
}
code
{
background:#ebefee;
border:1px dotted #aeaeae;
padding:0.1em 0.5em;
white-space:nowrap;
}
h1 { font-size:10px; }
h2 { font-size:12px; }
#container
{
margin:60px auto;
width:682px;
text-align:left;
background-color:#FFFFFF;
}
#header
{
height:82px;
background-image:url(Material/header_background2.gif);
background-repeat:no-repeat;
position:relative;
}
#mainnav
{
height:22px;
position:absolute;
bottom:0px;
background-image:url(Material/mainnav_background2.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#content
{
float:right;
height:291px;
width:505px;
background-image:url(Material/content_background.gif);
background-repeat:no-repeat;
background-position:top;
position:absolute;
}
#contenttext
{
float:left;
width:464px;
height:261px;
margin:10px;
}
#menuright
{
float:right;
height:291px;
width:177px;
background-image:url(Material/menurigth_background.gif);
background-repeat:no-repeat;
background-position:top;
}
#menuright h1
{
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
.unten
{
position:absolute;
bottom:5px;
}
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('Material/Startseite_hover.gif','Material/Works_hover.gif','Material/4Friends_hover.gif','Material/Gästebuch_hover.gif','Material/Links_hover.gif','Material/Kontakt_hover.gif','Material/Startseite.gif','Material/Works.gif','Material/4Friends.gif','Material/Gästebuch.gif','Material/Links.gif','Material/Kontakt.gif')">
<div id="container">
<div id="header">
<div id="mainnav">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="Material/Menü_Links.gif" alt="" border="0"> </td>
<td>
<a href="KopievonTemplate.html" target="_top" onClick="MM_nbGroup('down','group1','Startseite','Material/Startseite_hover.gif',1)" onMouseOver="MM_nbGroup('over','Startseite','Material/Startseite_hover.gif','Material/Startseite.gif',1)" onMouseOut="MM_nbGroup('out')"> <img src="Material/Startseite.gif" alt="" name="Startseite" width="73" height="22" border="0"></a> </td>
<td>
<a href="KopievonTemplate.html" target="_top" onClick="MM_nbGroup('down','group1','Works','Material/Works_hover.gif',1)" onMouseOver="MM_nbGroup('over','Works','Material/Works_hover.gif','Material/Works.gif',1)" onMouseOut="MM_nbGroup('out')">
<img src="Material/Works.gif" alt="" name="Works" width="60" height="22" border="0"></a> </td>
<td>
<a href="KopievonTemplate.html" target="_top" onClick="MM_nbGroup('down','group1','Friends','Material/4Friends_hover.gif',1)" onMouseOver="MM_nbGroup('over','Friends','Material/4Friends_hover.gif','Material/4Friends.gif',1)" onMouseOut="MM_nbGroup('out')">
<img src="Material/4Friends.gif" alt="" name="Friends" width="93" height="22" border="0"></a> </td>
<td>
<a href="KopievonTemplate.html" target="_top" onClick="MM_nbGroup('down','group1','Gaestebuch','Material/Gästebuch_hover.gif',1)" onMouseOver="MM_nbGroup('over','Gaestebuch','Material/Gästebuch_hover.gif','Material/Gästebuch.gif',1)" onMouseOut="MM_nbGroup('out')"> <img src="Material/Gästebuch.gif" alt="" name="Gaestebuch" width="90" height="22" border="0"></a> </td>
<td>
<a href="KopievonTemplate.html" target="_top" onClick="MM_nbGroup('down','group1','Links','Material/Links_hover.gif',1)" onMouseOver="MM_nbGroup('over','Links','Material/Links_hover.gif','Material/Links.gif',1)" onMouseOut="MM_nbGroup('out')">
<img src="Material/Links.gif" alt="" name="Links" width="50" height="22" border="0"></a> </td>
<td>
<a href="KopievonTemplate.html" target="_top" onClick="MM_nbGroup('down','group1','Kontakt','Material/Kontakt_hover.gif',1)" onMouseOver="MM_nbGroup('over','Kontakt','Material/Kontakt_hover.gif','Material/Kontakt.gif',1)" onMouseOut="MM_nbGroup('out')">
<img src="Material/Kontakt.gif" alt="" name="Kontakt" width="63" height="22" border="0"></a> </td>
<td>
<img src="Material/Menü_rechts.gif" alt="" border="0" width="177" height="22"> </td>
</tr>
</table>
</div>
</div>
<div id="menuright">
<p style="padding-top:260px; padding-left:10px">
<a href="http://validator.w3.org/check?uri=referer">Valid CSS</a>
<a href="http://validator.w3.org/check?uri=referer">Valid HTML 4.01</a>
</p>
</div>
<div id="content">
<div id="contenttext" style="overflow:auto">
<h1>Herzlich Willkommen auf Myperfectsite.de</h1>
<p>Schaut euch einfach mal um. Es gibt hier vieles zu entdecken:
<br>
seht euch meine Arbeiten an, schreibt ins Gästebuch,... </p>
<p>
Apropos, nur so nebenbei, es sind noch <strong>
<script type="text/javascript">
var eventdate = new Date("December 24, 2006 00:00:00 GMT");
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24));
document.write(count);
</script><noscript>ein Paar</noscript></strong> Tage bis Weihnachten!
</p>
</div>
</div>
</div>
</body>
</html>
--------------------------------------------------------------------------
So nun habe eihc noch eine Frage: Was kann ich denn statt DIV's z.b beim #contentext einsetzen?
Danke schon mal im Voraus
Lukas