Ich habe das Anliegen das ich meine Navigation und meinen Inhalt abtrenne, sodass unter meiner Navigation der Inhalt nicht verrutscht.
Ich wollte dafür <div> benutzen, ging aber nicht. Habe schon hier und in Google gesucht, nicht wirklich etwas gefunden.
Hier ist mein Quelltext :
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<link rel="stylesheet" href="design.css" type="text/css"/>
<link rel="shortcut icon" type="image/x-icon" href=
"images/td-favicon.ico"/>
<script type="text/javascript">
<!--
browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);
if (browser_name == "Netscape" && browser_version >= 3.0)
{ rollover = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 4.0)
{ rollover = 'true'; }
else { rollover = 'false'; }
if (rollover == 'true') {
grafik1=new Image();grafik1.src="images/home1.png";
grafik2=new Image();grafik2.src="images/home2.png";
grafik3=new Image();grafik3.src="images/mitglieder1.png";
grafik4=new Image();grafik4.src="images/mitglieder2.png";
grafik5=new Image();grafik5.src="images/joinus1.png";
grafik6=new Image();grafik6.src="images/joinus2.png";
grafik7=new Image();grafik7.src="images/fightus1.png";
grafik8=new Image();grafik8.src="images/fightus2.png";
grafik9=new Image();grafik9.src="images/itc1.png";
grafik10=new Image();grafik10.src="images/itc2.png";
grafik11=new Image();grafik11.src="images/forum1.png";
grafik12=new Image();grafik12.src="images/forum2.png";
}
function rein1(img,ref) { if (rollover == 'true') { document.images[img].src = ref; } }
function raus1(img,ref) { if (rollover == 'true') { document.images[img].src = ref; } }
//-->
</script>
<title>TyphooonÐrivers</title>
</head>
<body style="background-image:url(images/hpbackground.jpg); background-repeat:no-repeat; background-attachment: fixed; height:100% width: 100%"
bgcolor="#FFFFFF">
<!--Banner-->
<a href="home.htm"><img src="images/banner.png" border="0"/></a>
<!--Anfang Navigation-->
<1. Div Tabelle>
<a href="home.htm"
onMouseOver="rein1('platzhalter1',grafik2.src);"
onMouseOut="raus1('platzhalter1',grafik1.src);">
<img src="images/home1.png" width="160" height="59" border="0"
name="platzhalter1"/>
</a><br />
<a href="mitglieder.htm"
onMouseOver="rein1('platzhalter2',grafik4.src);"
onMouseOut="raus1('platzhalter2',grafik3.src);">
<img src="images/mitglieder1.png" width="160" height="59" border="0"
name="platzhalter2"/>
</a><br />
<a href="joinus.htm"
onMouseOver="rein1('platzhalter3',grafik6.src);"
onMouseOut="raus1('platzhalter3',grafik5.src);">
<img src="images/joinus1.png" width="160" height="59" border="0"
name="platzhalter3"/>
</a><br />
<a href="fightus.htm"
onMouseOver="rein1('platzhalter4',grafik8.src);"
onMouseOut="raus1('platzhalter4',grafik7.src);">
<img src="images/fightus1.png" width="160" height="59" border="0"
name="platzhalter4"/>
</a><br />
<a href="itc.htm"
onMouseOver="rein1('platzhalter5',grafik10.src);"
onMouseOut="raus1('platzhalter5',grafik9.src);">
<img src="images/itc1.png" width="160" height="59" border="0"
name="platzhalter5"/>
</a><br />
<a href="http://www.typhooondrivers.siteboard.de"
onMouseOver="rein1('platzhalter6',grafik12.src);"
onMouseOut="raus1('platzhalter6',grafik11.src);">
<img src="images/forum1.png" width="160" height="59" border="0"
name="platzhalter6"/>
</a><br />
</div>
<!--Ende Navigation-->
<2. Div Tabelle>
Der Inhalt von meiner Seite
</body>
</html>
Alles anzeigen
Ich habe schon sehr viel ausprobiert aber es will nicht funktionieren.
Hier ist ein Screenshot wie es jetzt aussieht :
[Blockierte Grafik: http://www.typhooondrivers.de/problem.jpg]
Kann mir da jemand Sagen wie ich das Problem löse ?
Gruß, CyberX