Problem ist wohl, dass das Script im Originalzustand schon im css position:absolute; verwendet. Oder?
hier mal die originale css
Code:
body {
color: #000000;
font-size: 12px;
font-family: sans-serif;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
img {
border: 0;
}
input, select, textarea, select {
border: 1px solid black;
background-color: #ffc109;
font-weight: bold;
}
table {
text-align: left;
}
#main {
width: 978px;
z-index: 0;
position: absolute;
top: 0px;
left: 5px;
height: 100% !important;
border: 1px solid blue;
}
#header {
position: absolute;
width: 978px;
height: 245px;
top: 10px;
z-index: 2;
}
#konto_info {
position: absolute;
width: 256px;
height: 116px;
background-image: url(img/design/kontoinfo.png);
z-index: 3;
right: 30px;
top: 20px;
}
#konto_text {
position: relative;
top: 30px;
width: 220px;
height: 70px;
left: 15px;
padding: 0;
border-collapse: collapse;
font-size: 10px;
}
#header_left {
position: absolute;
top: 253px;
width: 168px;
z-index: 1;
}
#header_left_top {
background-image: url(img/design/frame_left_top.png);
height: 20px;
width: 168px;
}
#header_left_middle {
background-image: url(img/design/frame_left_middle.png);
width: 168px;
}
#header_left_bottom {
background-image: url(img/design/frame_left_bottom.png);
width: 168px;
height: 32px;
}
#logo {
background-image: url(img/design/fwx_logo.png);
position: absolute;
left: 12px;
top: 25px;
width: 231px;
height: 212px;
z-index: 3;
}
#rotator {
position: absolute;
top: 40px;
left: 225px;
z-index: 5;
}
#pinboard {
background-image: url(img/design/pn_news_zettel.png);
position: absolute;
left: 112px;
top: 167px;
width: 96px;
height: 78px;
z-index: 4;
}
#pinboard_content {
position: absolute;
top: 20px;
left: 20px;
font-weight: bold;
font-size: 10px;
color: #150185;
border: none;
}
#pinboard_content2 {
position: absolute;
top: 13px;
left: 20px;
font-weight: bold;
font-size: 10px;
color: #150185;
border: none;
}
#pinboard_content a {
color: #150185;
}
#pinboard_content2 a {
color: #150185;
}
#nav_home {
position: absolute;
top: 126px;
left: 190px;
width: 149px;
height: 55px;
z-index: 1;
}
#home_trans {
position: absolute;
top: 126px;
left: 190px;
width: 149px;
height: 55px;
z-index: 2;
}
#nav_media {
position: absolute;
top: 126px;
left: 330px;
width: 152px;
height: 55px;
z-index: 1;
}
#media_trans {
position: absolute;
top: 126px;
left: 330px;
width: 152px;
height: 55px;
z-index: 2;
}
#nav_agb {
position: absolute;
top: 126px;
left: 470px;
width: 152px;
height: 55px;
z-index: 1;
}
#agb_trans {
position: absolute;
top: 126px;
left: 470px;
width: 152px;
height: 55px;
z-index: 2;
}
#nav_faq {
position: absolute;
top: 126px;
left: 550px;
width: 152px;
height: 55px;
z-index: 1;
}
#faq_trans {
position: absolute;
top: 126px;
left: 550px;
width: 152px;
height: 55px;
z-index: 2;
}
#nav_impressum {
position: absolute;
top: 126px;
left: 625px;
width: 152px;
height: 55px;
z-index: 1;
}
#impressum_trans {
position: absolute;
top: 126px;
left: 625px;
width: 152px;
height: 55px;
z-index: 2;
}
#nav_jp_winner {
position: absolute;
top: 126px;
left: 760px;
width: 152px;
height: 55px;
z-index: 1;
}
#jp_winner_trans {
position: absolute;
top: 126px;
left: 760px;
width: 152px;
height: 55px;
z-index: 2;
}
#nav_login {
position: absolute;
top: 126px;
left: 915px;
width: 55px;
height: 55px;
z-index: 1;
}
#login_trans {
position: absolute;
top: 126px;
left: 915px;
width: 55px;
height: 55px;
z-index: 2;
}
#content {
position: absolute;
left: 175px;
width: 650px;
top: 215px;
z-index: 2;
}
*.box {
width: 641px;
}
*.box_title {
text-align: left;
position: relative;
top: 15px;
left: 20px;
font-weight: bold;
}
*.box_head {
background-image: url(img/design/box_head.png);
height: 51px;
}
*.box_middle {
background-image: url(img/design/box_middle.png);
}
*.box_content {
text-align: center;
width: 590px;
}
*.box_footer {
background-image: url(img/design/box_foot.png);
height: 44px;
}
#leftmenu {
position: relative;
left: 15px;
width: 135px;
}
*.navi_left_head {
background-image: url(img/design/navi_top.png);
height: 38px;
width: 135px;
}
*.navi_left_middle {
background-image: url(img/design/navi_middle.png);
width: 135px;
}
*.navi_left_bottom {
background-image: url(img/design/navi_bottom.png);
height: 36px;
width: 135px;
}
*.menucontent {
font-size: 10px;
font-weight: bold;
width: 100px;
}
*.submenucontent {
font-size: 10px;
position: relative;
left: 20px;
width: 100px;
}
*.submenucontent a {
display: block;
}
#shoutbox {
height: 200px;
width: 410px;
background-color: #ffca2f;
}
#rightmenu {
position: absolute;
left: 817px;
top: 215px;
width: 164px;
}
#rightmenu_head {
background-image: url(img/design/wio_top.png);
height: 59px;
}
#rightmenu_middle {
background-image: url(img/design/wio_middle.png);
}
#rightmenu_bottom {
background-image: url(img/design/wio_bottom.png);
height: 41px;
}
*.rightmenucontent {
position: relative;
left: 25px;
width: 120px;
}
*.rightmenucontent a {
display: block;
}
*.wiw_admin {
color: red;
font-weight: bold;
}
*.wiw_male {
color: #1981ec;
}
*.wiw_female {
color: #fc32d8;
}
#footer {
background-image: url(img/design/footer.png);
width: 562px;
height: 35px;
position: relative;
left: 40px;
}
*.footer_content {
position: relative;
text-align: center;
top: 10px;
font-weight: bold;
}
#nickpage_text {
text-align: left;
position: relative;
left: 25px;
}
#nickpage_avatar {
position: absolute;
right: 50px;
top: 150px;
}
#showpn {
visibility: hidden;
width: 350px;
height: 100px;
border: 1px solid #000;
background-color: #ffffff;
position: absolute;
z-index: 5;
top: 250px;
left: 100px;
padding: 10px 10px;
}
.mooquee {
border: solid 2px #C0C0C0;
padding: 5px;
/* don't change */
position: absolute;
overflow: hidden;
white-space: nowrap;
}
.mooquee-text {
/* don't change */
position: absolute;
}
.games_bold {
font-weight: bold;
}
.games_red {
color: red;
font-weight: bold;
}
#globalticker {
top: 180px;
left: 220px;
z-index: 5;
height: 20px;
width: 500px;
}
Und so schaut die originale Template-Datei aus...
HTML-Code:
<!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" dir="ltr">
<head>
<script language="JavaScript" type="text/javascript">
<!--
function onImage(what) {
document.images[what].src='img/design/button_'+what+'_hover.png';
}
function offImage(what) {
document.images[what].src='img/design/button_'+what+'.png';
}
-->
</script>
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="expires" content="Wed, 20 Feb 2000 08:30:00 GMT" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15"/>
<title>%config_sitetitle%</title>
<css>%config_style%</css>
%popup%
</head>
<body>
<div id="main">
<div id="header"><img src="%config_header_img%" alt="Header oben" /></div>
<if var="loggedon" value="1"><then><div id="konto_info">
<table id="konto_text" border="0">
<tr><td>Konto</td><td><span id="usrkonto"><format>%usrkonto%</format></span> %config_curname%</td></tr>
<tr><td>Bonus</td><td><span id="usrbonus"><format>%usrbonus%</format></span> Bonus%config_curname%</td></tr>
<tr><td>Aktivität</td><td><span id="usrap"><format>%usrap%</format></span> APs<br /><span id="usrap_all"><format>%usrap_all%</format></span> APz</td></tr>
<tr><td><a href="page.php?cat=bank&p=tresor">Tresor</a></td><td><span id="usrtresor"><format>%usrtresor%</format></span> %config_curname%</td></tr>
</table>
</div>
</then></if>
<include>json</include>
<include>globalticker</include>
<!-- HeaderNavi -->
<div id="nav_home"><img src="img/design/button_home.png" id="home" alt="Home"/></div>
<div id="nav_media"><img src="img/design/button_media.png" id="media" alt="Media" /></div>
<div id="nav_agb"><img src="img/design/button_agb.png" id="agb" alt="AGB" /></div>
<div id="nav_faq"><img src="img/design/button_faq.png" id="faq" alt="FAQ" /></div>
<div id="nav_impressum"><img src="img/design/button_impress.png" id="impress" alt="Impressum" /></div>
<div id="nav_jp_winner"><img src="img/design/button_jp.png" id="jp" alt="Jackpots" /></div>
<if var="loggedon" value="1"><then><div id="nav_login"><img src="img/design/button_logout.png" id="logout" alt="LogOut" /></div>
</then><else><div id="nav_login"><img src="img/design/button_login.png" id="login" alt="LogIn" /></div></else></if>
<div id="rotator"><if var="tpl_banner" value="none"><then></then><else>%tpl_banner%</else></if></div>
<!-- Making links for menu from transparent pictures -->
<div id="home_trans"><a href="page.php" onmouseover="onImage('home');" onmouseout="offImage('home');"><img src="img/design/transparent.png" border="0" alt="Home" /></a></div>
<div id="media_trans"><a href="page.php?p=media" onmouseover="onImage('media');" onmouseout="offImage('media');"><img src="img/design/transparent.png" border="0" alt="MediaDaten" /></a></div>
<div id="agb_trans"><a href="page.php?p=agb" onmouseover="onImage('agb');" onmouseout="offImage('agb');"><img src="img/design/transparent.png" border="0" alt="AGB" width="80" height="55" /></a></div>
<div id="faq_trans"><a href="page.php?p=faq" onmouseover="onImage('faq');" onmouseout="offImage('faq');"><img src="img/design/transparent.png" border="0" alt="FAQ" width="80" height="55" /></a></div>
<div id="impressum_trans"><a href="page.php?p=about" onmouseover="onImage('impress');" onmouseout="offImage('impress');"><img src="img/design/transparent.png" border="0" alt="Impressum" /></a></div>
<div id="jp_winner_trans"><a href="page.php?cat=games&p=jackpots" onmouseover="onImage('jp');" onmouseout="offImage('jp');"><img src="img/design/transparent.png" border="0" alt="Jackpot Gewinner" /></a></div>
<if var="loggedon" value="1"><then><div id="login_trans"><a href="page.php?p=logout" onmouseover="onImage('logout');" onmouseout="offImage('logout');"><img src="img/design/transparent.png" border="0" alt="LogOut" width="60" height="55" /></a></div>
</then><else><div id="login_trans"><a href="page.php?p=login" onmouseover="onImage('login');" onmouseout="offImage('login');"><img src="img/design/transparent.png" width="60" height="55" border="0" alt="LogIn" /></a></div></else></if>
<!-- building navigation -->
<div id="header_left">
<include>leftmenu</include>
</div>
<div id="logo"></div>
<if var="loggedon" value="1" id="2"><then id="2"><div id="pinboard"><include>pinboard</include></div></then id="2"></if id="2">
<div id="content">
<include>%page%</include>
<include>footer</include>
<debug>
</div>
<div id="rightmenu">
<include>rightmenu</include>
</div>
</div>
</body>
</html>
Wenn ich dort aber bei main nen rahmen nehme, so geht der komischerweise um die ganze seite.