Das Design, welches ich entworfen und gecodet habe sieht im IE7 gut aus und wird richtig angezeigt .
In Firefox (neueste Version) hingegen wird die Center .png im Div Tag nicht richtig angezeigt.
Screens:
Firefox
Internet Explorer:
HTML-Code:
<div id="top">
<div id="header"></div>
<div id="center">
<div id="left_col">
{_list_menunr1@
<table cellpadding="0" cellspacing="0" border="0" width="160">
<tr>
<td style="height: 31px; background: url(include/designs/xxx/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
</tr>
<tr>
<td style="background: url(include/designs/xxx/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
</tr>
<tr>
<td style="height: 24px; background: url(include/designs/xxx/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
</tr>
</table>
<br />
}
</div>
<div id="main_col">
<table width="500" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 500px; height: 19px; bottom left;" align="left"> <b> » </b>{HMENU}</td>
</tr><tr>
<td style="min-height:100px;padding: 10px;">{EXPLODE}</td>
</tr>
</table>
</div>
<div id="right_col1">
{_list_menunr2@
<table width="182" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height: 31px; background: url(include/designs/xxx/img/box_right_top.jpg) no-repeat"><b class="menu_heading">%1</b></td>
</tr><tr>
<td style="background: url(include/designs/xxx/img/box_right_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
</tr><tr>
<td style="height: 24px; background: url(include/designs/xxx/img/box_right_bottom.jpg) no-repeat bottom left;" align="center"></td>
</tr>
</table>
<br />
}
</div>
</div><div id="footer"><div id=""><div id="copy">© Mallinckrodt Gymnasium; Design by Lukas Tüllmann</div></div>
</div>
</div>
CSS Code:
....
body
{
margin: 0;
padding: 0;
background: #c3c3c3;
color:
;
font:10px Verdana, Helvetica, sans-serif;
text-decoration: none
}
#top {
margin: 0 auto;
padding: 0;
width: 950px
}
#footer_menu {
color: #ffffff;
width:200px;
float:left;
margin:55px 0px 0px 350px;
display:inline;
}
#header {
background-image: url(img/header.png);
background-repeat: no-repeat;
background-position: center bottom;
width: 950px;
height:310px
}
#copy {
padding-top:47px;
font-size:9px
}
#center {
background-image: url(img/center.jpg);
background-position: center;
margin: 0 auto;
padding: 0;
width:950px;
height:1px;
}
#footer {
background-image: url(img/footer.png);
background-repeat: no-repeat;
background-position: center;
text-align: center;
width: 950px;
height: 68px;
clear: both
}
....
Ich hoffe ihr könnt mir schnellst möglich helfen, da ich vorerst nur Freitags an dieser Homepage arbeiten kann.
mfG
Lukas Tüllmann
verwendete ilchClan Version: 1.1
betroffene Homepage: mgtest.bplaced.net
