Verschobene Tabelle im IE
0 0 
at
Verschobene Tabelle im IE
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
-
Moin Lukas,
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
ich gehe mal davon aus, das Du nicht der Lukas aus dem TV bist.
Wer, bitteschön, soll sich den durch deinen Quellcode quälen.
Eine zeilführende URL wäre sinnvoller.regds
Mike©--
Freunde kommen und gehen. Feinde sammeln sich an.
-
Hallo,
also das geht leider nur so da meine Homepage nirgends online steht!
Morgen kann ich die Hoempage hochladen und dann schreibe ich den Link
hier rein!ich gehe mal davon aus, das Du nicht der Lukas aus dem TV bist.
Hmmm... Vielleicht!;-) Welcher Lukas aus dem TV Überhaupt??
Mfg Lukas
-
Moin Lukas,
Hmmm... Vielleicht!;-) Welcher Lukas aus dem TV Überhaupt??
ist vielleicht besser wenn Du ihn nicht kennst. ;-)
OK, gib uns den Link, auf das Dir geholfen werde.regds
Mike©--
Freunde kommen und gehen. Feinde sammeln sich an.
-
-
-
Hallo.
ich habe folgendes Problem: Meine Navigation die ich in ein Tablle gesetzt habe
Stimmt, das ist selten sinnvoll.
font-size:10px;
[...]
h1 { font-size:10px; }
h2 { font-size:12px; }[...]
margin:60px auto;
width:682px;[...]
height:82px;
[...]
height:22px;
position:absolute;
bottom:0px;[...]
height:291px;
width:505px;[...]
position:absolute;
[...]
width:464px;
height:261px;
margin:10px;[...]
height:291px;
width:177px;[...]
position:absolute;
bottom:5px;Warum realisierst du deine Seite nicht gleich als
<imagemap>?function MM_preloadImages() { //v3.0
[...]
function MM_findObj(n, d) { //v4.01
[...]
function MM_nbGroup(event, grpName) { //v6.0
Ach so, Dreamweaver.
So nun habe eihc noch eine Frage: Was kann ich denn statt DIV's z.b beim #contentext einsetzen?
Zunächst einmal ein weiteres "t". -- Alles weitere richtet sich nach dem Sinn des Containers. Und da dieser offensichtlich nur im Zusammenhalt der in ihm liegenden Elemente liegt, ist deine Wahl meines Erachtens bereits die richtige.
MfG, at