ich habe folgendes Problem. Wie ihr hier seht externer Link
ist rechts auf der HP die Backgroundbilder der Boxen verzogen. Und zwar ist Head Bild in einem gewissen abstand zum Middle Bild. Das sollte logischerweiße nicht so sein.
Aber ich bekomm diese beiden Bilder einfach nicht aneinander.
Findet jemand einen Fehler in meinem Code:
Style.css
/*
css Datei copyright by ilch.de
erstellt von scaRFhogg
seite: www.daiwai.de
--
Design copyright by ilch.de
erstellt von fanguro
seite: www.zurro.de
--
Support auf www.ilch.de
*/
body {
margin: 0;
padding: 0;
text-align: center;
background-color: #A8BAC9;
font-size: 12px;
font-family: Verdana, sans-serif;
}
#wrap {
position: relative;
width: 967px;
text-align: left;
margin: 0 auto 0 auto;
}
#top {
background: url(img/top.gif);
height: 31px;
width: 967px;
}
#top font {
display: inline;
position: absolute;
left: 45px;
margin-top: 1px;
}
#header {
background: url(img/logo.gif);
height: 199px;
text-align: center;
vertical-align:middle;
}
#header h1 {
display: inline;
position: absolute;
top: 110px; left: 100px;
color: #fff;
font-family: 'Trebuchet MS';
font-weight: normal;
font-size: 24px;
}
#top2 {
background: url(img/top2.gif);
height: 40px;
}
#top2 font {
display: inline;
position: absolute;
left: 290px;
margin-top: 11px;
font-size: 9px;
text-decoration: none;
}
#content {
background: url(img/contentbg.gif);
background-repeat: repeat;
width: 967px;
}
#footer {
background: url(img/footer.gif);
height: 42px;
text-align: center;
vertical-align: middle;
}
#left_col {
width: 150px;
float: left;
padding-top: 0px;
padding-left: 3px;
padding-right: 0px;
padding-bottom: 0px;
color: #000000;
overflow: hidden;
}
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
color: #000000;
}
#left_col a {
color: #000000;
}
#left_col .menu_heading
{
color: #000;
display:block;
letter-spacing: 1px;
font-size: 11px;
padding: 0 0 3px 5px;
}
#main_col {
width: 600px;
float: left;
padding-top: 0px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 0px;
clear: none;
min-height: 100px;
overflow: auto;
}
#right_col1 {
width: 150px;
float: left;
padding-top: 0px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col2 {
width: 150px;
float: right;
padding-top: 0px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
overflow: hidden;
}
#right_col1 .menu_heading,
#right_col2 .menu_heading
{
color:#000;
font-size:9px;
letter-spacing: 0px;
}
#left_col ul
{
padding: 0;
margin: 0;
list-style: inside url(img/box_menu_pfeil.gif);
width: 145px;
}
#left_col li
{
margin:0;
padding: 0px 0 0 0px;
background: url(img/box_menu_trennlinie.gif) no-repeat bottom;
}
#left_col li ul
{
width: 150px;
background: url(img/box_menu_trennlinie.gif) no-repeat top;
}
#left_col li li
{
padding-left: 0px;
}
#left_col li a
{
color: #000000;
padding-left: 0px;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
td
{
font-family: Verdana;
font-size: 12px;
}
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
{
color: #000000;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
a.box
{
color: #000000;
font-family: Verdana;
font-size: 11px;
text-decoration: underline;
}
a.box:hover
{
text-decoration: none;
}
.Chead
{
background: #16639b;
color: #9dbdd4;
}
.Chead a
{
color: #9dbdd4;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b
{
background: #16639b;
color: #9dbdd4;
}
.Callg
{
background-color: #EFEFEF;
color: #000000;
}
.Callg td
{
color: #000000;
}
.Cnorm
{
background-color: #e5e5e5;
}
.Cmite
{
background-color: #B4C6D8;
}
.Cdark
{
background-color: #9AB1C8;
}
.rand
{
border: solid #185685 1px;
}
.smalfont
{
font-size: 10px;
text-decoration: none;
}
.border
{
background-color: #185685;
}
hr
{
height: 0px;
border: solid #003366 0px;
border-top-width: 1px;
}
input, textarea, select
{
color: #000000;
font: 12px Verdana;
border-color: #185685;
border-width: 1px;
border-style: solid;
font-weight: none;
text-decoration: none;
background-color: #EFEFEF;
}
.menu:link, .menu:visited, .menu:active
{
display: block;
color: #000000;
font-size: 12px;
background: url(http://www.avocado-esport.com/website/include/designs/ilchClan/img/button.gif);
width: 150px;
height: 20px;
text-indent: 0px;
text-decoration: none;
font-family: Arial, sans-serif;
line-height: 20px;
}
.menu:hover
{
display: block;
color: #000000;
font-size: 12px;
background:url(http://www.avocado-esport.com/website/include/designs/ilchClan/img/button1.gif);
width: 150px;
height: 20px;
text-indent: 5px;
text-decoration: none;
font-family: Arial, sans-serif;
line-height: 20px;
font-style: none;
}
Index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
<title>Avocado eSport* Since 2007 and for ever!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Avocado, avocado, avocado esport, esports, a sweet mexican fruit,a bittersweet mexican fruit, europas erfolgreichste esport frucht, die erfolreichste esport frucht, weltweiter erfolg, clan, avocado clan, community, support, cod2, call of duty 2, call of duty 4, call of duty 4 clan, cod4, call fo duty 4: MW, Modern Warfare, CoD 4, CoD 2. deutscher clan, deutsch, german, avocado-esport, avocado-esports, avocado the most succesfull esport fruit, sweet, a sweet mexican fruit, esl, coh, coh: of, coh of, company of heroes, company, of, heroes, company of heroes opposing fronts, fronts, opposing, strategie, clan, esport, avo.eSport, Ego-Shooter, Avocado eSport* playing is our passion">
<link rel="shortcut icon" href="http://www.avocado-esport.com/website/include/designs/ilchClan/img/Favicon.ico">
<link rel="stylesheet" type="text/css" href="include/designs/ilchClan/style.css">
</head>
<body>
<div id="wrap">
<div id="top"><font>{_boxes_login}</font></div>
<div id="header"></div>
<div id="top2"><font><b> » </b>{HMENU}</font></div>
<div id="content">
<div id="left_col">
{_list_menunr1@
<b class="menu_heading">%1</b>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr style="height: 9px;background: url(include/designs/ilchClan/img/leftmiddle.gif) top left repeat-y;">
<td style="height: 12px; background: url(include/designs/ilchClan/img/lefthead.gif) top left no-repeat;"></td>
</tr>
<tr>
<td style="background: url(include/designs/ilchClan/img/leftmiddle.gif) top left repeat-y;" align="top">%2</td>
</tr>
<tr style="height: 9px;background: url(include/designs/ilchClan/img/leftmiddle.gif) top left repeat-y;">
<td style="height: 12px; background: url(include/designs/ilchClan/img/leftground.gif) bottom left no-repeat;"></td>
</tr>
</table>
<br />
}
</div>
<div id="main_col">{EXPLODE}</div>
<div id="right_col1">
{_list_menunr2@
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 150px; height: 12px; background: url(include/designs/ilchClan/img/lefthead.gif) no-repeat bottom left;" align="center"><b class="menu_heading">%1</b></td>
</tr><tr>
<td style="min-height:100px; background: url(include/designs/ilchClan/img/leftmiddle.gif) repeat-y; padding: 2px;">%2</td>
</tr><tr>
<td><img src="include/designs/ilchClan/img/leftground" alt="" /></td>
</tr>
</table>
<br />
}
</div>
<div id="right_col2">
{_list_menunr3@
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width:150px; height:12px; background: url(include/designs/ilchClan/img/lefthead.gif) no-repeat;" align="center"><b class="menu_heading">%1</b></td>
</tr><tr>
<td style="min-height:100px; background: url(include/designs/ilchClan/img/leftmiddle.gif) repeat-y; padding:2px;">%2</td>
</tr><tr>
<td><img src="include/designs/ilchClan/img/leftground.gif" alt="" /></td>
</tr>
</table>
<br />
}
</div>
<br style="clear: both;" />
</div>
<!--
Der Link darf generell entfernt werden (Lizenz GNU/GPL)
Ich bitte aber darum, aufgrund der extrem vielen Arbeit die in diesem
Script steckt, ilch.de irgendwie mit einem Banner einem Link oder
sonst irgendwie zu unterstuetzen. Danke !!
//-->
<div id="footer"></div>
</div>
</body>
</html>
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="menu" href="%2"> %3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->
Ich weiß echt nicht mehr weiter.
MfG und vielen Dank für die Mühe - Web.
verwendete ilchClan Version: 1.1
betroffene Homepage: externer Link
