Ich besitze eine Homepage auf XAMPP Localhost und bei einigen Browsern
funzt meine Layout nicht...
Genauer gesagt, Firefox und Google Chrom
Seit der neuen Uptades von IE8 und Firefox Gold geht einfach nix, Google Chrom habe ich neu und auch bei dem funktioniert nichts mehr so, wie ich es haben wollte.
Also bei Layout, Header und Footer zeigen nicht mehr an, der Rest schon..
Was soll ich tun?
Hier mal meine Dateien, sry dass ich sie nicht als Textdateien herausgeben kann, da ich momentan keinen Hoster hab.
Ehm ja und in Sachen HTML & CSS schreiben bin ich auch neu.. also ist nicht gerade profiehaft aber es geht..
IFrame einfach nicht beachten, ist ein Fehlre x)
Index.html :
Code: Alles auswählen
<html>
<head>
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<title>Titel Homepage</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="shortcut icon" href="page/page/images/favicon.ico" type="image/x-icon" />
</head>
<body>
<br>
<br>
<br>
<!-- header start -->
<table align="center" width="562" cellspacing="0" cellpadding="0" border="0">
<tr>
<td id="1" border="0"></td>
</tr>
</table>
<!-- header ende -->
<table align="center" width="562" height="317" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="12" height="317" border="0" bgcolor="#ffffff"></td>
<td width="211" height="317" border="0" bgcolor="#ffffff">
<!-- navigator start -->
<table width="213" cellspacing="0" cellpadding="0" border="0">
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_aktuell.php" onfocus="this.blur()" target="inhalt">Aktuell</a></td></tr>
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_boerse.php" onfocus="this.blur()" target="inhalt">Börse</a></td></tr>
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_sicherheit.php" onfocus="this.blur()" target="inhalt">Sicherheit</a</td></tr>
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_events.php" onfocus="this.blur()" target="inhalt">Events</a></td></tr>
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_habbo.php" onfocus="this.blur()" target="inhalt">Internes</a></td></tr>
<tr><td width="213" height="22" bgcolor="#ffffff"></td></tr>
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_habblog.php" onfocus="this.blur()" target="inhalt">Blog</a></td></tr>
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_forum.php" onfocus="this.blur()" target="inhalt">Forum</a></td></tr>
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_gaestebuch.php" onfocus="this.blur()" target="inhalt">Gästebuch</a></td></tr>
<tr><td width="213" height="22" id="link3" bgcolor="#ffffff"><a href="text_kontakt.php" onfocus="this.blur()" target="inhalt">Kontakt</a></td></tr>
<tr><td width="213" height="22" id="link2" bgcolor="#ffffff"><a href="text_disclaimer.php" onfocus="this.blur()" target="inhalt">Disclaimer</a></td></tr>
</table>
<!-- navigator ende -->
</td>
<td width="12" height="317" border="0" bgcolor="#ffffff"></td>
<td width="315" height="317" border="0">
<!-- box start -->
<table cellspacing="0" cellpadding="0" border="0">
<tr><td><iframe src="box_aktuell.php" name="box" width="315" height="35" marginheight="0" marginwidth="0" align="right" frameborder="0" framespacing="0"><p>Ihr Browser kann leider keine eingebetteten Frames anzeigen</p></iframe></td></tr>
</table>
<!-- inhalt start -->
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="5" height="275" id="t2"></td>
<td width="305" height="275" id="tbg"><iframe src="text_home.php" name="inhalt" width="305" height="275" marginheight="0" marginwidth="0" align="right" frameborder="0" framespacing="0"><p>Ihr Browser kann leider keine eingebetteten Frames anzeigen</p></iframe></td>
<td width="5" height="275" id="t3"></td>
</tr>
</table>
<!-- inhalt ende -->
<table cellspacing="0" cellpadding="0" border="0">
<tr><td id="t4"></td></tr>
</table>
<!-- box ende -->
</td>
<td width="12" height="317" border="0" bgcolor="#ffffff"></td>
</tr>
</table>
<!-- footer start -->
<table align="center" width="562" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="562" height="5" border="0" bgcolor="#ffffff"></td>
</tr>
<tr>
<td width="314" height="14" id="4" border="0"></td>
</tr>
</table>
<!-- footer ende -->
</body>
</html>
Code: Alles auswählen
/* hintergrund start */
body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;
margin-bottom: 0px; background-color: #C1DCE1;
background-image:url(style/0.bmp); hight="100%" background-repeat:repeat-x}
/* hintergrund end */
/* counter start */
#counter {background-image:url(style/counter.bmp);
width:102px;
height:72px;
}
/* counter end */
/* 1 start */
#1 {background-image:url(style/1.GIF);
width:562px;
height:130px;
}
/* 1 end */
/* 2 start */
#2 {background-image:url(style/2.bmp);
height:1px;
}
/* 2 end */
/* 3 start */
#3 {background-image:url(style/3.bmp);
height:1px;
}
/* 3 end */
/* 4 start */
#4 {background-image:url(style/4.bmp);
height:7px;
}
/* 4 end */
/* admin1 start */
#admin1 {background-image:url(style/admin1.bmp);
height:28px;
}
/* admin1 end */
/* admin2 start */
#admin2 {background-image:url(style/admin2.bmp);
height:28px;
}
/* admin2 end */
/* blau start */
#blau {background-image:url(style/blau.bmp);
width:315px;
height:35px;
}
/* blau end */
/* hellblau start */
#hellblau {background-image:url(style/hellblau.bmp);
height:35px;
}
/* hellblau end */
/* rot start */
#rot {background-image:url(style/rot.bmp);
height:35px;
}
/* rot end */
/* gelb start */
#gelb {background-image:url(style/gelb.bmp);
height:35px;
}
/* gelb end */
/* green start */
#green {background-image:url(style/green.bmp);
height:35px;
}
/* green end */
/* gray start */
#gray {background-image:url(style/gray.bmp);
height:35px;
}
/* gray end */
/* n1 start */
#n1 {background-image:url(style/n1.bmp);
background-repeat:repeat-1;
width:211px;
height:33px;
}
/* n1 end */
/* n2 start */
#n2 {background-image:url(style/n2.bmp);
height:14px;
}
/* n2 end */
/* n3 start */
#n3 {background-image:url(style/n3.bmp);
height:14px;
}
/* n3 end */
/* n4 start */
#n4 {background-image:url(style/n4.bmp);
width:211px;
height:16px;
}
/* n4 end */
/* n5 start */
#n5 {background-image:url(style/n5.bmp);
width:17px;
height:153px;
}
/* n5 end */
/* nbg start */
#nbg {background-image:url(style/nbg.bmp);
width:176px;
height:153px;
}
/* nbg end */
/* n6 start */
#n6 {background-image:url(style/n6.bmp);
width:18px;
height:153px;
}
/* n6 end */
/* n7 start */
#n7 {background-image:url(style/n7.bmp);
width:211;
height:19px;
}
/* n7 end */
/* tbg start */
#tbg {background-image:url(style/tbg.bmp);
width:305px;
height:275px;
}
/* tbg end */
/* t2 start */
#t2 {background-image:url(style/t2.bmp);
width:5px;
height:27g5px;
}
/* t2 end */
/* t3 start */
#t3 {background-image:url(style/t3.bmp);
width:5px;
height:275px;
}
/* t3 end */
/* t4 start */
#t4 {background-image:url(style/t4.bmp);
width:315px;
height:7px;
}
/* t4 end */
/* menu1 oben start */
#menu1 a, #menu a:visited , #menu a:active {display: block;
color:#FFFFFF;
background-color:#000000;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 60%;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border:solid 0px #000000;
line-height:14px;
text-align:center;
background-image:url(style/n2.bmp);
}
#menu1 a:hover {background-color:#282828;color:#CFCFCF; text-decoration:none ;border:solid 0px #000000;
background-image:url(style/n3.bmp);
}
/* menu1 oben ende */
/* menu2 oben start */
#menu2 a, #menu a:visited , #menu a:active {display: block;
color:#FFFFFF;
background-color:#000000;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 60%;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border:solid 0px #000000;
line-height:28px;
text-align:center;
background-image:url(style/admin1.bmp);
}
#menu2 a:hover {background-color:#282828;color:#7F7F7F; text-decoration:none ;border:solid 0px #000000;
background-image:url(style/admin2.bmp);
}
/* menu2 oben ende */
/* link2 oben start */
#link2 a, #menu a:visited , #menu a:active {display: block;
color:#CFCFCF;
background-color:#FFFFFF;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 60%;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border:solid 0px #CFCFCF;
line-width:213px;
line-height:18px;
text-align:center;
background-image:url(style/link1.bmp);
}
#link2 a:hover {background-color:#FFFFFF;color:#AFAFAF; text-decoration:none ;border:solid 0px #000000;
background-image:url(style/link2.bmp);
}
/* link2 oben ende */
/* link3 oben start */
#link3 a, #menu a:visited , #menu a:active {display: block;
color:#CFCFCF;
background-color:#FFFFFF;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 60%;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border:solid 0px #CFCFCF;
line-width:213px;
line-height:18px;
text-align:center;
background-image:url(style/link1.bmp);
}
#link3 a:hover {background-color:#FFFFFF;color:#AFAFAF; text-decoration:none ;border:solid 0px #000000;
background-image:url(style/link3.bmp);
}
/* link3 oben ende */
