der Content-Bereich rutscht im Firefox immer nach unten, im IE ist alles in Ordnung. Die Seite ist in einer Tabelle aufgebaut, hab aber schon alles probiert und finde den Fehler einfach nicht. Vielleicht könnt ihr mir ja helfen, hier der Code:
Url meiner Seite: Y0U R0CK ME__by kirschkind.de.tc
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Y0U R0CK ME__by kirschkind.de.tc</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">body
{
/*NICHT ÄNDERN*/
overflow: yes; margin: 0px; padding: 0px;
/*HINTERGRUNDFARBE (UND HINTERGRUNDBILD)*/
background: url(http://freenet-homepage.de/teta92/kirschkind.de.tc/HintergrundPattern.jpg);
/*SCROLLBAR*/
scrollbar-arrow-color: #000;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
td, div, input, textarea, body /*NORMALE SCHRIFT (padding-left STEHENLASSEN!)*/
{
font-family: verdana;
font-size: 7pt;
color: #000000;
padding-left:1px;
}
b, strong /*FETTE SCHRIFT*/
{
color: #000000;
letter-spacing: 1px;
}
i, em /*KURSIVE SCHRIFT*/
{
color: #ff0000;
letter-spacing: 2px;
}
u /*UNTERSTRICHENE SCHRIFT*/
{
color: #ff0000;
letter-spacing: 1px;
text-decoration:none;
border-bottom: 1px #96847a solid;
}
s, strike /*DURCHGESTRICHENE SCHRIFT*/
{
color: #000000;
letter-spacing: -1px;
}
h1 /*ÜBERSCHRIFT*/
{
color: #ff0000;
text-align: right;
font-family: verdana;
font-size: 8pt;
line-height: 8pt;
background-color:#ffffff;
font-weight: normal;
text-transform: uppercase
letter-spacing: 2px;
margin: 4px 0px;
border-bottom: 1px solid #000;
}
textarea, input /*RAHMEN UND HINTERGRUND DER TEXTFELDER*/
{
background: #eaeaea;
border-width: 1px;
border-color: #000000;
border-style: solid;
padding: 2px;
}
textarea /*BREITE DER TEXTFELDER*/
{
width: 268px;
height: 100px;
}
a, a:link, a:active, a:visited /*NORMALE LINKS*/
{
color: #ff0000;
text-decoration: underline;
}
a:hover, a:focus /*NORMALE LINKS BEIM BERÜHREN DER MAUS*/
{
color: #eaeaea;
cursor: help;
}
#layout /*POSITION, HINTERGRUND UND RAHMEN DES LAYOUTS, BITTE BEI left IMMER 0px STEHENLASSEN!*/
{
position: absolute; bottom: 0px; left: 0px;
background: #ffffff;
width:100%;
}
.height /*HÖHE DES LAYOUTS*/
{
height: 553px;
}
#content /*BREITE DES INHALTS*/
{
width:268px;
}
#abstand /*ABSTAND ZWISCHEN CONTENT UND NAVIGATION*/
{
width: 0px;
}
#navigation /*EINSTELLUNGEN FÜR DIE NAVIGATION*/
{
text-align: justify;
width:87px;
}
#navigation a, #navigation a:active, #navigation a:visited /*LINKS IN DER NAVIGATION*/
{
border-bottom: 1px solid #ffffff;
text-decoration:none;
display:block;
background:#eaeaea;
padding-left:2px;
}
#navigation a:hover, #navigation a:focus, /*LINKS IN DER NAVIGATION BEIM BERÜHREN DER MAUS*/
{
border-bottom: 1px solid #ff0000;
background:transparent;
}
.inhaltetable /*NICHT ÄNDERN!*/
{
width: 100%;
}
.inhaltetable table /*TRENNSTRICH ZWISCHEN EINTRAG UND KOMMENTAREN (MYBLOG), !important STEHENLASSEN!*/
{
background:transparent;
border-top-color:#fff !important;
border-top-width:3px !important;
border-top-style:double !important;
}
::-moz-selection /*TEXTMARKIERUNG*/
{
background:#8aff00;
color:#000;
}
</style>
</head>
<body>
<table id=layout class=height cellspacing=0 cellpadding=0 border=0>
<tr valign="top">
<!-- bild -->
<td width="200"><img src="http://freenet-homepage.de/teta92/kirschkind.de.tc/AnnetteSkyeLayoutPNG2.png" border="0"></td>
<!-- content -->
<td id=content>
<div class="height" style="text-align:justify; position:absolute; left:44px; top:206px; width:268px; height:278px;overflow:visible;">
<iframe src="http://freenet-homepage.de/teta92/kirschkind.de.tc/anfang.html" name="frame" height="278px" width="268px" frameborder="0" scrolling="yes" noresize style="border: 0px;overflow:yes;">
</iframe>
<div style="display:none;">{PLACE_POWEREDBY}</div>
</div>
</td>
<!-- abstand zwischen content und navigation -->
<td id=5px></td>
<!-- navigation, valign=top nicht rausnehmen -->
<td valign=top id=navigation> <div style="position:absolute; left:315px; top:206px; width:87px; height:262; text-align:left;">
<h1>WAS WO?!</h1>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/anfang.html" target="frame" <i>+</i> ANFANG </a>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Heldin.html" target="frame"><i>+</i> HELDIN </a>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Seite.html" target="frame"><i>+</i> SEITE </a>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Muell.html" target="frame"><i>+</i> MÜLL </a>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Ende.html" target="frame"><i>+</i> ENDE </a>
<h1>HELDIN</h1>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td> <img src="http://freenet-homepage.de/teta92/kirschkind.de.tc/PictureMeLittle.jpg"></td>
<td>Teta; <b>4</b>zehn; NRW; dÄ-Fan; fechten; lesen; ... </td>
</tr>
</table>
<a class="navi" href="http://freenet-homepage.de/teta92/kirschkind.de.tc/Heldin.html" target="frame"><i>..</i> mehr?! </a>
<h1>LINK MICH</h1>
<img src="http://freenet-homepage.de/teta92/kirschkind.de.tc/ButtonYRMLay.gif">
<h1>COUNTER</h1>
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c105237&offset=5&style=x&text=ONLINE . HEUTE . HITS "></SCRIPT>
</td>
<td></td>
</tr>
</table>
</body>
</html>Url meiner Seite: Y0U R0CK ME__by kirschkind.de.tc
Zuletzt bearbeitet:
