Hi!
Ich hab folgendes Problem: Dazu solltet ihr bitte die Seite im Internet Explorer und im Firefox betrachten.
<!-- m --><a class="postlink" href="http://asdasd.oyla15.de/cgi-bin/hpm_homepage.cgi">http://asdasd.oyla15.de/cgi-bin/hpm_homepage.cgi</a><!-- m -->
Dann sieht ihr nämlich den Unterschied der Darstellung der Seite in beiden Browsern. Der FF zeigt oben einen grauen Hintergrund und unten den Diamantenhintergrund an, während der IE nur die Diamanten auf der gesamten Seite anzeigt.
Lässt sich mein Quellcode so umändern, dass sowohl im FF und im IE der Hintergrund wie beim FF gezeigt wird, d.h. also oben grau und unten die Diamanten?
Hier der Quellcode. Er ist etwas lang.
HTML
<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body, td {
FONT-FAMILY: Verdana;
FONT-SIZE: 10pt;
LINE-HEIGHT: 13px;
LETTER-SPACING: 0px;
}
tt, pre {
FONT-FAMILY: Monospace;
}
a {
TEXT-DECORATION: none;
}
a:hover {
text-decoration: underline;
}
.inhaltetable {
width: 355px;
}
table {
width:355px;
}
body {
scrollbar-Darkshadow-Color: #FFFFFF;
scrollbar-Track-Color: #FFFFFF;
scrollbar-Face-Color: #2a719e;
scrollbar-Shadow-Color: #2a719e;
scrollbar-3dLight-Color: #2a719e;
scrollbar-Highlight-Color: #FFFFFF;
scrollbar-Arrow-Color: #000000;
}
h1 {
font-family: Arial;
margin: 0 0 0;
line-height: 100%;
heigt: 10px
margin: 0px;
font-size: 13px;
color: #2a719e;
font-weight: normal;
padding-left: 0px;
text-align: left;
letter-spacing: 2px;
margin-top: 10;
display: block;
padding-left: 2px;
text-transform: uppercase;
padding-bottom: 1px;
}
h2 {
font-size: 9px;
color: #8dc4c5;
text-align: left;
font-weight: bold;
font-family: Century Gothic;
letter-spacing: 3px;
height: 7px;
margin: 4px;
margin-top: -4;
margin-left: 10px;
text-transform: lowercase;
}
-->
<!--
p, font, td {
font-family: Century Gothic;
font-size: 10px;
color: #000;
}
table table table td.meta {
font-size: 7pt;
}
body {
background-position: left top;
background-repeat: repeat;
margin-top: 10px !important;
background-color: #efefef;
}
p .index {
color: #666666;
text-transform: uppercase;
text-align: center;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;
background: #dedede;
width: 99.5%;
}
p table table td.caption {
color: #666666;
text-transform: uppercase;
text-align: right;
border-top: 5px #dedede solid;
border-bottom: 1px #efefef solid;
background: #dedede;
padding: 5px;
font-size: 10px;
font-family: Arial;
font-weight: bold;
width: 97.5%;
}
.entrybox td.comments{
color: #b52a25;
text-transform: uppercase;
text-align: justify;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
background: #efefef;
padding-left: 5px;
width: 97.5%;
}
.entrybox td.index, .index3{
display: none;
}
.entrybox td.index, .index2{
color: #999999;
text-transform: normal;
text-align: right;
align: right;
font-weight: none;
font-family: Tahoma;
background: #dedede;
font-size: 10px;
padding-top: 3px;
}
b {
color: #FFFFFF;
font-weight: bold;
background-color: #2a719e;
}
i {
color: #000000;
text-transform: none;
letter-spacing: 0px;
}
s {
color: #2a719e;
}
u {
font-weight: normal;
text-decoration: underline;
letter-spacing: 0px;
color: #666666;
border-bottom: 1px solid #666666;
text-transform: none;
}
table {
width: 355px;
margin-right: 25%
margin-left: 25%;
background: #FFFFFF;
border: 3px solid #dedede;
}
table table {
margin: 0px;
border: 2px #dedede;
width: 100%;
background: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
}
table table table {
margin: 0px;
border: 0px;
width: auto;
background: #FFFFFF;
border: 2px #dedede;
}
table.entrybox a.index img{
display: visible;
}
table.entrybox a.index{
display: visible;
}
a:hover {
color: #F99ACD;
text-decoration: none;
text-transform: none;
background-color: #fbfbfb;
}
a:link, a:visited, a:active {
color: #2a719e;
text-decoration: none;
text-transform: none;
font-weight: none;
}
.nav A:link {
color: #000000;
font-weight: bold;
text-transform: none;
}
.nav A:visited {
color: #000000;
font-weight: bold;
text-transform: none;
}
.nav A:active {
color: #000000;
font-weight: bold;
text-transform: none;
}
.nav A:hover {
color: #000000;
font-weight: bold;
text-transform: none;
}
-->
</style>
</head>
<html><head>
<HTML STYLE="background: url(http://www.oyla15.de/userdaten/49694460/bilder/1.gif);">
<!-- erster Table mit Bild -->
<div align="center" style="width: 850; height: 638">
<table width=355px cellpadding="2" cellspacing="0" border="0" summary="">
<tr>
<td bgcolor="" align="center">
<table width="355" cellpadding="3" cellspacing="0" border="0" summary="">
</tr>
</table>
<table width="355" cellpadding="0" cellspacing="2" border="0" summary="">
<tr>
<td class="shadowed" align="center">
Hey little <a href="www.xxxxxx.de" target=_blank>Emoboy</a>
<table cellspacing="5" cellpadding="0" border="0" summary="" style="margin-left: auto; margin-right: auto;">
<tr>
<td>
<p>
<img src="http://www.oyla15.de/userdaten/49694460/bilder/header.jpg" border="1px" padding="0" width="255" height="303">
<tr>
<td colspan="1" width="100%">
<center>
Powered by ...
</center>
</table>
</td>
</tr>
</table>
</td>
</tr></table>
</td></tr>
</table>
<p>
<p>
<table width="355" cellpadding="2" cellspacing="0" border="0" summary="" class="entrybox">
<table class="inhaltetable" border="0" width="355" cellspacing="1" cellpadding="3" height="209">
<tr>
<td width="355" height="127">
<div align="justify">
<p>
<h1>Menü</h1>
<h2>Inhaltsverzeichnis</h2>
<center>
<!-- hier steht das Menü - vielleicht ist auch %navigation_h% gut -->
%navigation_v%
</center><br><br>
<h1>Inhalt</h1>
<h2>Meine Homepage</h2>
<center>
%content%
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>