ich bin gerade dabei ein Template zu basteln .... aber bin jetzt schon auf 2.Probleme gestoßen wo ich nicht mehr weiter komme.
INFO:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/ilchClan/style.css">
</head>
<body>
<table class="container" width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7" bgcolor="#333333">
<div id="header">
<div id="last_action"><div class="action_box2">{_boxes_lastwars}</div></div>
<div id="welcom"></div>
<div id="next_action"><div class="action_box">{_boxes_nextwars}</div></div>
</div></td>
</tr>
<tr class="navigation_top">
<td ><img src="include/designs/ilchClan/img/nav_right.jpg" alt="" width="157" height="57" /></td>
<td ><a href="index.php?news"><img src="include/designs/ilchClan/img/nav_news.jpg" alt="" width="133" height="57" border="0"/></a></td>
<td ><a href="index.php?forum"><img src="include/designs/ilchClan/img/nav_forum.jpg" alt="" width="133" height="57" border="0" /></a></td>
<td ><a href="index.php?gbook"><img src="include/designs/ilchClan/img/nav_gb.jpg" alt="" width="133" height="57" border="0" /></a></td>
<td><img src="include/designs/ilchClan/img/nav_download.jpg" alt="" width="133" height="57" /></td>
<td><img src="include/designs/ilchClan/img/nav_faq.jpg" alt="" width="133" height="57" /></td>
<td><img src="include/designs/ilchClan/img/nav_right.jpg" alt="" width="158" height="57" /></td>
</tr>
<tr>
<td class="info_top" colspan="7">
<div id="info_left">
<div class="info_left_head"></div>
<div class="info_left_main">{_boxes_login}</div>
</div>
<div id="info_forum">
<div class="info_forum_head"></div>
<div class="info_forum_main">{_boxes_lastforum}</div>
</div>
<div id="info_news">
<div class="info_news_head"></div>
<div class="info_news_main">{_boxes_lastnews}</div>
</div>
<div id="info_right">
<div class="info_right_head"></div>
<div class="info_right_main">dfdgdg</div>
</div>
</td>
</tr>
<tr>
<td colspan="7">
<div id="left">safafas</div>
<div id="content">{EXPLODE}</div>
<div id="right">dfhdfdhd</div></td>
</tr>
</table>
</body>
</html>
CSS:
body{
background-color: #000;
background-image: url(img/body_bg.jpg);
background-repeat: no-repeat;
background-position: top;
}
.container {
background-color: #333;
}
#header {
height: 205px;
width: 980px;
background-image: url(img/header.jpg);
background-repeat: no-repeat;
background-color: #333;
}
.navigation_top {
background-color: #333;
}
#last_action {
height: 123px;
width: 260px;
float: left;
margin-left: 164px;
margin-top: 75px;
background-image: url(img/last_action.jpg);
display: inline;
}
#last_action a{
}
#welcom {
height: 123px;
width: 120px;
float: left;
margin-top: 80px;
}
.action_box {
margin-top: 20px;
margin-left: 10px;
}
.action_box a{
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-size: 11px;
text-decoration: none;
}
.action_box2{
margin-top: 20px;
margin-left: 20px;
}
.action_box2 a{
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-size: 11px;
text-decoration: none;
}
#next_action {
height: 123px;
width: 259px;
float: left;
background-image: url(img/next_action.jpg);
margin-top: 75px;
margin-left: 12px;
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
padding-left: 10px;
background-repeat: no-repeat;
}
#next_action a{
font-family: Tahoma, Geneva, sans-serif;
color: #FFF;
font-size: 11px;
text-decoration: none;
}
#footer{
width:950px;
height:60px;
background-color: #C06;
float: left;
}
#left {
width: 150px;
background: #EBEBEB;
float: left;
}
#right {
width: 160px;
background: #EBEBEB;
float: left;
}
#content{
width: 670px;
float: left;
}
#info_left {
float: left;
width: 230px;
margin-right: 2px;
margin-top: 3px;
}
#info_left a {
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
font-size: 14px;
color: #FFF;
}
.info_left_head{
background-image: url(img/Community.jpg);
background-repeat: no-repeat;
height: 27px;
width: 230px;
margin: 0px;
padding: 0px;
}
.info_left_main{
background-image: url(img/info_bg.jpg);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
}
#info_forum {
float: left;
width: 245px;
margin-right: 2px;
margin-top: 3px;
height: 200px;
}
#info_forum a {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #000;
text-decoration: none;
}
.info_forum_head{
background-image: url(img/info_forum.jpg);
background-repeat: no-repeat;
height: 27px;
width: 245px;
margin: 0px;
padding: 0px;
}
.info_forum_main{
background-image: url(img/info_bg.jpg);
background-repeat: repeat-x;
height: 200px;
}
#info_news {
float: left;
width: 245px;
margin-right: 2px;
margin-top: 3px;
}
.info_news_head{
background-image: url(img/info_news.jpg);
background-repeat: no-repeat;
height: 27px;
width: 245px;
}
.info_news_main{
background-image: url(img/info_bg.jpg);
background-repeat: repeat-x;
height: 200px;
}
#info_right {
float: left;
width: 230px;
margin-top: 3px;
}
.info_right_head{
background-image: url(img/info_downloads.jpg);
background-repeat: no-repeat;
height: 27px;
width: 230px;
}
.info_right_main{
background-image: url(img/info_bg.jpg);
background-repeat: repeat-x;
height: 200px;
}
.info_top {
padding-right: 10px;
padding-left: 10px;
}
.navigation_top{
height: 55px;
}
.test{
background-image: url(img/forum_post.gif);
background-repeat: no-repeat;
height: 15px;
width: 15px;
margin-top: 5px;
margin-left: 10px;
}
Die Page:
ilch.ogb-clan.com
1.Problem
Zwischen der navigation und info_top ist ein abstand den ich nicht möchte bzw. er ist im IE und FF unterschiedlich.
2.Problem
In der Lastforumbox ist ein Abstand zwischen Titel und User der in der IE reihe nicht da ist aber im FF.
Für hilfe wäre echt dankbar .....
Gruß
swenieboy
betroffene Homepage: ilch.ogb-clan.com/
