ich bekomme ein Problem, das ich bei dem IE momentan noch habe nicht in den Griff. Im Firefox sieht alles so aus wie es soll, aber im IE sieht es so aus (die Boxen sind ganz nach rechts gerück und der content bereich ist zu breit..):
img265.imageshack.us/img265/281/testme.png
[Große Bilder bitte als Link posten!]
Hier das zugehörige html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- Habe ich jetzt mal rausgenommen, da uninteressant-->
</head>
<body>
<table cellspacing="0" cellpadding="0" style="margin:auto; width:1125px;" >
<tr>
<td class="top_mitgliederbereich">
<div style="font-weight:bold; float:left; padding-left: 30px;">Mitgliederbereich:</div>
<div style="float:left; padding-left:5px;">{_boxes_LOGIN}</div>
<div style="float:right; padding-right:30px;"><script type="text/javascript">TodayIs("")</script></div>
</td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" style="margin:auto; width:1005px;">
<tr>
<td colspan="2">
<div><a href="index.php?news" class="top_navigation_left">News</a></div>
<div><a href="index.php?saisoninfo" class="top_navigation_middle">Saisoninfo</a></div>
<div><a href="index.php?fangesaenge" class="top_navigation_middle">BVB Liedtexte</a></div>
<div><a href="index.php?fanutensilien" class="top_navigation_middle">Fanmaterial</a></div>
<div><a href="index.php?links" class="top_navigation_middle">Links</a></div>
<div><a href="index.php?linkus" class="top_navigation_middle">Link Us</a></div>
<div><a href="index.php?gbook" class="top_navigation_right">Gästebuch</a></div>
</td>
</tr>
<tr>
<td class="header" colspan="2"> </td>
</tr>
<tr>
<td colspan="2">
<div><a href="index.php?aboutus" class="bottom_navigation_middle">Über Uns</a></div>
<div><a href="index.php?user" class="bottom_navigation_middle">Mitglieder</a></div>
<div><a href="index.php?satzung" class="bottom_navigation_middle">Satzung</a></div>
<div><a href="index.php?kalender" class="bottom_navigation_middle">Kalender</a></div>
<div><a href="index.php?anmeldung" class="bottom_navigation_middle">Mitglied werden</a></div>
<div><a href="index.php?multimedia" class="bottom_navigation_middle">Multimedia</a></div>
<div class="bottom_navigation_rechts" style="text-align:left; padding-left:30px;">
<!--input type="text" name="name" size="23" value="Suchbegriff eingeben" onFocus="if (value == 'Suchbegriff eingeben') {value = ''}" onBlur="if (value == '') {value = 'Suchbegriff eingeben'}" onKeyPress="return submitenter(this,event)" maxlength="50" style="background:transparent;border:0px;"-->
{_boxes_search}
</div>
</td>
</tr>
<tr>
<td class="explode">
<div>{EXPLODE}</div>
</td>
<td class="box">
<div>{_list_menunr2@
<table cellpadding="0" cellspacing="0" style="margin-left:auto; margin-right:auto; padding-bottom:10px;">
<tr><td class="box_header">%1</td></tr>
<tr><td class="box_middle">%2</td></tr>
<tr><td class="box_bottom"> </td></tr>
</table>
}</div>
</td>
</tr>
<tr>
<td class="footer" colspan="2">
<table cellspacing="0" style="padding-bottom:7px;">
<tr>
<td style="width:120px;">
<div><a href="http://validator.w3.org/check/referer" target="_blank"><img style="border:0px;" src="http://www.bvbsupporters-ms.de/include/images/w3c.png" alt="Valid HTML 4.1!"></a></div>
</td>
<td style="width:740px; text-align:center">
<div>{COPYRIGHT}</div>
</td>
<td style="width:120px; text-align:right;">
<div>
<a href="index.php?contact">Kontakt</a> | <a href="index.php?impressum">Impressum</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
{_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" title="%3" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}
und hier die css-klassen dazu:
/*
#########################
Contentbereich: EXPLODE##
#########################
*/
.explode{
width: 705px;
background-color: #FFFFFF;
padding-left: 15px;
vertical-align: top;
padding-top: 15px;
padding-bottom: 15px;
}
/*
#####################
Contentbereich: BOX##
#####################
*/
.box{
background-color: #FFFFFF;
background-image: url(images/rand_right.png);
background-position: right;
background-repeat: repeat-y;
vertical-align: top;
padding-top: 15px;
padding-bottom: 15px;
}
.box a{
color: #000;
font-weight: bold;
text-decoration: none;
}
.box a:hover{
color: #FF0000;
}
/*
###############
Boxen: Header##
###############
*/
.box_header{
color: #000;
font-weight: bold;
background-image: url(images/box_top.png);
height: 30px;
width: 225px;
text-align: center;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
background-repeat: no-repeat;
vertical-align: middle;
}
/*
################
Boxen: content##
################
*/
.box_middle{
color: #000;
font-weight: bold;
background-image: url(images/box_middle.png);
width: 225px;
text-align: center;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
background-repeat: repeat-y;
}
/*
###############
Boxen: footer##
###############
*/
.box_bottom{
background-image: url(images/box_bottom.png);
height: 11px;
width: 225px;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
background-repeat: no-repeat;
}
Das dürfte glaub ich alles sein, was nötig ist.
Weiß jemand Rat? Bin für jede Idee dankbar!
betroffene Homepage: externer Link
Zuletzt modifiziert von jankrug am 14.11.2009 - 23:03:04
