Hallo alle zusammen!
Ich erstelle zur Zeit auf meinem Server ein neues Design für ein Forum (nur das Design)!
Mir ist jedoch aufgefallen, dass das der IE wieder mal streikt (Mozilla Firefox und Opera funktionieren), und ich habe diesmal wirklich keinen Plan mehr woran das liegen könnte! Und zwar läd die Seite erstens saumäßig lange und zweitens funzt das Scrollen auch nicht wirklich reibungslos!
Hier ist die Seite: Crazzy Crew Nea (Crazzy ist kein Schreibfehler)
Ich hoffe ihr könnt mir helfen!
Ich erstelle zur Zeit auf meinem Server ein neues Design für ein Forum (nur das Design)!
Mir ist jedoch aufgefallen, dass das der IE wieder mal streikt (Mozilla Firefox und Opera funktionieren), und ich habe diesmal wirklich keinen Plan mehr woran das liegen könnte! Und zwar läd die Seite erstens saumäßig lange und zweitens funzt das Scrollen auch nicht wirklich reibungslos!
Hier ist die Seite: Crazzy Crew Nea (Crazzy ist kein Schreibfehler)
HTML:
<html>
<head>
<title>Crazzy Crew Nea</title>
<meta name="author" content="Friedrich">
<style type="text/css">
body {
background-color: #ffffff;
background-repeat: repeat; background-attachment: fixed;
margin: 0px;
font-family: verdana;
}
table.geruest {
width: 1110px; height: 100%;
border: 0px;
margin-left: auto; margin-right: auto;
}
td.links {
background-image: url(http://i248.photobucket.com/albums/gg191/werwolf_album/schatten_links.png); background-repeat: repeat-y; background-attachment: scroll;
width: 58px;
}
td.mitte {
background-image: url(http://i248.photobucket.com/albums/gg191/werwolf_album/weiss.png); background-repeat: repeat;
width: 995px;
}
td.rechts {
background-image: url(http://i248.photobucket.com/albums/gg191/werwolf_album/schatten_rechts.png); background-repeat: repeat-y; background-attachment: scroll;
width: 57px;
}
table.logo {
border: 0px;
height: 209px; width: 980px;
}
td.logo-mitte {
background-image: url(http://i248.photobucket.com/albums/gg191/werwolf_album/logo_mitte.png); background-repeat: repeat-x; background-attachment: scroll;
width: 958px;
}
div.logo-abstand-oben {
height: 10px;
}
div.logo-abstand-unten {
height: 20px;
}
table.inhalt {
border: 3px solid #e5e5e5;
width: 980px;
}
td.linie {
height: 3px;
background-color: #e5e5e5;
border: 0;
}
td.segment-weiss {}
td.segment-grau {
background-image: url(http://i248.photobucket.com/albums/gg191/werwolf_album/grau.png); background-repeat: repeat;
}
iframe.shoutbox {
border: 1px solid black;
}
a.button {
font-family: verdana, arial; font-size: 11px;
color: #000;
text-decoration: none;
cursor: hand;
}
</style>
<comment>
<script type="text/javascript">
function reload () {
var f = document.getElementById('shoutbox');
f.src = f.src;
}
setInterval("reload()", 20000);
</script>
<script language="javascript" type="text/javascript">
var myImages = new Array();
myImages[myImages.length] = "http://www.crazzy.ja-nee.de/crazzy/china.png";
myImages[myImages.length] = "http://www.crazzy.ja-nee.de/crazzy/blubb.jpg";
myImages[myImages.length] = "http://www.crazzy.ja-nee.de/crazzy/background.png";
myImages[myImages.length] = "http://www.windows-wallpaper.info/wallpapers/181_Free_Windows_Xp_Vista_Wallpapers.jpg";
function newbackground()
{
var rand1 = Math.round( (myImages.length-1) * Math.random()) ;
document.getElementById("body").style.backgroundImage = 'url('+myImages[rand1]+')';
}
</script>
</comment>
</head>
<comment><body id="body" onLoad="newbackground();"></comment><!--[if IE]> <body > <![endif]-->
<a href="#"><img src="http://i248.photobucket.com/albums/gg191/werwolf_album/spacer.gif" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 220px; border: 0;" title="...zur Hauptseite"/></a>
<table class="geruest" cellspacing="0" cellpadding="0">
<tr>
<td class="links"></td>
<td class="mitte" align="center" valign="top">
<div class="logo-abstand-oben"> </div>
<table class="logo" cellspacing="0" cellpadding="0"><!--Logo Anfang-->
<tr>
<td class="logo-links"><img src="http://i248.photobucket.com/albums/gg191/werwolf_album/logo_links.png" border="0" alt=""/></td>
<td class="logo-mitte" align="center" valign="middle"><img src="http://i248.photobucket.com/albums/gg191/werwolf_album/wappen.png" border="0" alt=""><img src="http://i248.photobucket.com/albums/gg191/werwolf_album/crazzy_crew_nea_logo.png" border="0" alt="Crazzy Crew Nea"/></td>
<td class="logo-rechts"><img src="http://i248.photobucket.com/albums/gg191/werwolf_album/logo_rechts.png" border="0" alt=""/></td>
</tr>
</table><!--Logo Ende-->
<div class="logo-abstand-unten"> </div>
<table align="center" class="inhalt" cellspacing="0" cellpadding="0"><!--Inhalt Anfang-->
<tr>
<td class="segment-weiss" align="center" valign="middle">
<p> </p>
<!--Navigation-->
<!--[if IE]>
<small>
Beim Scrollen der Seite kann es vorkommen, dass ein Fehler des Internet Explorers auftritt! Um diesen und zahlreiche andere Fehler zu umgehen lohnt sich oft ein Browserwechsel! (z.B. Mozilla Firefox, Opera)
</small>
<![endif]-->
<p> </p>
</td>
</tr>
<tr><td class="linie"></td></tr>
<tr>
<td class="segment-weiss" height="30">
<table cellspacing="0" cellpadding="0" border="0" width="100%"><tr>
<td width="660">
<span style="margin: 15px; font-weight: bold;">
Willkommen *F*S*
</span>
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><input type="image" border="0" src="http://i248.photobucket.com/albums/gg191/werwolf_album/linke_ecke.png" onclick="location='#'"></td>
<td background="http://i248.photobucket.com/albums/gg191/werwolf_album/mitte.png"><a href="#" class="button">Mein Postfach!</a></td>
<td><input type="image" border="0" src="http://i248.photobucket.com/albums/gg191/werwolf_album/rechte_ecke.png" onclick="location='#'"></td>
<td><small> (keine neue nMail) </small></td>
<td><input type="image" border="0" src="http://i248.photobucket.com/albums/gg191/werwolf_album/linke_ecke.png" onclick="location='#'"></td>
<td background="http://i248.photobucket.com/albums/gg191/werwolf_album/mitte.png"><a href="#" class="button">Ausloggen!</a></td>
<td><input type="image" border="0" src="http://i248.photobucket.com/albums/gg191/werwolf_album/rechte_ecke.png" onclick="location='#'"></td>
</tr>
</table>
</td>
</tr></table>
</td>
</tr>
<tr><td class="linie"></td></tr>
<tr>
<td class="segment-grau" align="center" valign="middle">
<p> </p>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<iframe src="http://196208.shoutbox.de/" width="640" height="250" allowTransparency="true" class="shoutbox" id="shoutbox"></iframe>
</td>
<td style="border: 1px solid black; width: 250px; height: 250px;" valign="top">
<applet code="AnalogUhr.class" codebase="http://friedrich-schultheiss.de/crazzy-crew/analog_uhr" width="250" height="250"></applet>
</td>
</tr>
</table>
<p> </p>
</td>
</tr>
<tr><td class="linie"></td></tr>
<tr>
<td class="segment-grau">
<span style="margin: 15px;"><small>Im Moment sind 1 Mitglied und 0 Gäste online: <b>*F*S*</b></small></span>
</td>
</tr>
<tr><td class="linie"></td></tr>
<tr>
<td class="segment-weiss">
<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>
</td>
</tr>
</table><!--Inhalt Ende-->
<p>
<img src="http://i248.photobucket.com/albums/gg191/werwolf_album/crazzy_crew_nea_unten.png" border="0" alt="Crazzy Crew Nea"/>
<br/>
</p>
</td>
<td class="rechts"></td>
</tr>
</table>
</body>
</html>
