S
sk1p
Guest
Hi Leute,
unsere Page () wird unter Internet Explorer richtig dargestellt. Nur in Firefox sieht alles verschoben aus. Woran kann das liegen?
Hier mal der Code:
und die CSS:
Über Hilfe wäre ich sehr dankbar!!!
MfG.
sk1p
unsere Page () wird unter Internet Explorer richtig dargestellt. Nur in Firefox sieht alles verschoben aus. Woran kann das liegen?
Hier mal der Code:
Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{func:title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="./bxok.js" type="text/javascript"></script>
<link href="ff-gfx.css" rel="stylesheet" type="text/css" />
</head>
<body topmargin="0">
<center>
<div id="page_content" height="100%">
<div id="header">
<div id="header_content">
{login:top}
</div>
</div>
<div id="navi_left">
<div id="navi_content">
[b]» [url="index.php?show=news"]News[/url]
» [url="index.php?show=gbook"]Gästebuch[/url]
» [url="index.php?show=board"]Forum[/url]
» [url="index.php?show=stats"]Statistiken[/url]
[/b]
<div style="padding-top: 12px;">
[b]» [url="index.php?show=members&look=tree"]Team[/url]
» [url="index.php?show=clanwars"]Matches[/url]
» [url="index.php?show=awards"]Awards[/url]
» [url="index.php?show=history"]History[/url]
» [url="index.php?show=sponsors"]Sponsoren[/url]
<span class="Stil2">»</span> [url="index.php?show=show"]Lobby Cup[/url]
[/b]
</div>
<div style="padding-top: 17px;">
[b]» [url="index.php?show=events"]Events[/url]
» [url="index.php?show=servers"]Servers[/url]
» [url="index.php?show=community"]Community[/url]
» [url="index.php?show=files"]Downloads[/url]
» [url="index.php?show=gallery"]Gallery[/url]
» [url="index.php?show=replays"]Replays[/url]
» [url="index.php?show=links"]Links[/url]
» [url="index.php?show=quotes"]Quotes[/url]
» [url="index.php?show=faq"]Faq[/url]
» [url="index.php?show=about"]Impressum[/url]
[/b]
</div>
</div>
</div>
<div id="content">
{func:show}
</div>
<div id="navi_right">
<div style="margin-top: 48px; margin-left: 38px;">
{func:wars}
</div>
<div style="margin-top: 35px; margin-left: 38px;">
{func:topic}
</div>
<div style="margin-top: 40px; margin-left: 38px;">
{func:img}
</div>
</div>
</div>
<div id="footer">
<div style="float: left; color: #FFFFFF;">
[b]<font color="#CB0D0D">»</font> oKami Call of Duty Clan[/b] all rights reserved by oKami © 2005 &&&&&[b]<font color="#CB0D0D">»</font> Design © 2005[/b]
</div>
</div>
</center>
</body>
</html>
und die CSS:
Code:
body { cursor: default; background-image:url('background.jpg'); text-align:left; scrollbar-face-color: #222;
scrollbar-highlight-color: #818181;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #2E2E2E;
scrollbar-darkshadow-color: #000000;
scrollbar-arrow-color: #FF1200;
margin: 0px;
font-family: Tahoma;
font-size: 10px;
padding: 0px;
height: 100%;
}
img { border:0; }
td { font-family:Tahoma,Helvetica,sans-serif; font-size:10px; color:#000000; vertical-align:top; }
/*table { border: solid 1px #858585;} */
form { display:inline;}
a:active, a:focus, a:link, a:visited, a { color:#000000; text-decoration:none; font-weight:bold; }
a:hover { color:#B22926;}
.thead { border:0px; background: #777777; }
.tbottom { border:0px; background: #777777; }
.form { margin:2px; border: solid 1px #858585; background-color:#858585; color:#FFFFFF; font-size: 10px;}
font-family:Verdana,Helvetica,sans-serif; font-size:10px; }
.fontb { font-size:12px; text-align:left; }
.fontm { font-size:10px; text-align:left; }
.cup1 {font-size: 10px; font-weight: bold; }
.cup2 {font-size: 14px; font-weight: bold; }
.left { padding:1px; text-align:left; }
.center { padding:1px; text-align:center; }
.right { padding:1px; text-align:right; }
.headb { background-image:url(bar_middle.jpg); color: #000000; background-color:#000000; padding:4px 8px 2px 8px; font-weight:bold; text-align: left; font-size:11px; height:23px; border: solid 1px #858585; }
.bottom { background-color:#556699; padding:0px 10px 0px 10px; text-align:left; }
.newshead { text-align:left; font-size:11px; font-weight: bold; color: #000000; padding:4px 8px 2px 8px; background-image:url(bar_middle.jpg); height:23px; border: solid 1px #858585;}
.leftb { background-color:#E1E1E1; padding:8px 10px 8px 10px; text-align:left; border-left: solid 1px #858585; border-right: solid 1px #858585;}
.leftc { background-color:#E1E1E1; padding:12px 14px 12px 14px; text-align:left; border-left: solid 1px #858585; border-right: solid 1px #858585; }
.centerb { background-color:#E1E1E1; padding:4px; text-align:center; border-right: solid 1px #858585; border-right: solid 1px #858585; border-left: solid 1px #858585;}
.centerc { background-color:#E1E1E1; padding:4px; text-align:center; border-left: solid 1px #858585; border-right: solid 1px #858585;}
.rightb { background-color:#E1E1E1; padding:8px 10px 8px 10px; text-align:right; border-left: solid 1px #858585; border-right: solid 1px #858585; }
.rightc { background-color:#E1E1E1; padding:8px 10px 8px 10px; text-align:right; border-right: solid 1px #858585; border-left: solid 1px #858585;}
.quote { background-color:#777777; padding:6px; text-align:left; font-size: 10px; color: #000000; }
.navhead { color: #F2F2F2; background-color:#3366B2; padding:4px; font-weight:bold; text-align: left; }
.navhead2 { color: #F2F2F2; background-color:#3366B2; padding:4px; font-weight:bold; text-align: right; }
.navbodyb { background-color:#848484; padding:4px 6px 4px 8px; text-align:left; }
.navbodyc { background-color:#777777; padding:4px 6px 4px 8px; text-align:left; }
.navbody2b { background-color:#848484; padding:4px 6px 4px 8px; text-align:left; }
.navbody2c { background-color:#777777; padding:4px 6px 4px 8px; text-align:left; }
.event { background-color:#447792; }
.today { background-color:#3366B2; }
.red { color:#CC0000; }
.green { color:#009900; }
.yellow { color:#F2F200; }
.blue { color:#0000BB; }
.cyan { color:#009999; }
.pink { color:#CC00CC; }
.white { color:#F2F2F2; }
.black { color:#000000; }
.topicdate { font-size: 8px; color: #FFFFFF; }
.topictitle { }
.foot { background-image:url(foot.gif); width:482px; height:17px; }
#page_content {
text-align: left;
margin: 0px;
width: 967px;
background-image: url(endless.jpg);
}
#navi_left {
float:left;
width: 235px;
height: 466px;
background-image: url(navi_left.jpg);
background-repeat: no-repeat;
background-position: -2px -2px;
position: relative;
color: #7E7E7E;
line-height: 15px;
}
#navi_content {
padding: 46px 0px 0px 75px;
}
#content {
float:left;
text-align: center;
max-height:100%;
height: 100%;
width: 482px;
}
#navi_right {
float:right;
position:relative;
width: 249px;
height: 654px;
background-image: url(navi_right.jpg);
background-repeat: no-repeat;
background-position: 2px 0px;
position: relative;
margin-top: -2px;
}
#footer {
background-image: url(footer.jpg);
background-repeat: no-repeat;
background-position: 1px 0px;
width: 967px;
height: 111px;
}
#header {
height: 352px;
background-image: url(header.jpg);
margin-left: -2px;
margin-top: 0px;
}
#header_content {
padding-left: 820px;
padding-top: 254px;
}
#footer a {
color: #FFFFFF;
font-weight: normal;
}
Über Hilfe wäre ich sehr dankbar!!!
MfG.
sk1p