nicht angemeldet
So, hi erstmal!
Nach Stunden des Suchens und Probierens bin ich jetzt am Punkt der totalen Verzweiflung angelangt. Diese Seite will sich einfach nicht mit dem min-height Attribut anfreunden.
Hier der HTML-Aufbau:
<BODY>
<DIV ID="site">
<DIV CLASS="centered">
<!-- Start of Navigation -->
<TABLE ID="Table_01" BORDER="0" CELLPADDING="0" CELLSPACING="0">
</TABLE>
<!-- End of Navigation -->
</DIV>
<DIV ID="main_content" CLASS="centered">
<!-- Start of Content -->
<DIV CLASS="content">
<TABLE BORDER="0" CLASS="heading">
<TR>
<TD CLASS="text_header">
</TD>
</TR>
</TABLE>
<SPAN CLASS="text_content">
</SPAN>
</DIV>
<DIV CLASS="content">
<TABLE BORDER="0" CLASS="heading">
<TR>
<TD CLASS="text_header">
</TD>
</TR>
</TABLE>
<SPAN CLASS="text_content">
</SPAN>
</DIV>
<!-- End of Content -->
<!-- Start of Footer -->
<DIV CLASS="footer">
</DIV>
<!-- End of Footer -->
</DIV>
</DIV>
</BODY>
Und hier das CSS:
HTML, BODY
{
background:url(bg_main.jpg) #000000 repeat-y fixed center;
margin:0px auto;
height:100%;
width:100%
}
a
{
outline:none;
}
a:link
{
color:#cc0000;
text-decoration:none;
}
a:visited
{
color:#660000;
text-decoration:none;
}
a:focus
{
color:#ff0000;
text-decoration:underline;
}
a:hover
{
color:#ff0000;
text-decoration:none;
}
a:active
{
color:#ffffff;
text-decoration:underline;
}
#table_01
{
width:700px;
height:311px;
}
#main_content
{
padding-top:85px;
background:url(images/header/gigs.gif) #000000 no-repeat top left;
}
#site
{
min-height:100%;
}
.centered
{
width:700px;
margin:0px auto;
}
.content
{
width:535px;
margin:0px auto 40px;
}
.heading
{
width:535px;
table-layout:fixed;
margin:0px;
padding:0px;
border-bottom:2px solid #990000;
}
.text_header
{
width:400px;
font:600 small-caps 1.1em Arial,sans-serif;
color:#cccccc;
vertical-align:bottom;
text-align:left;
padding:0px;
}
.text_content
{
font:500 0.85em/1.4em Arial,sans-serif;
color:#cccccc;
}
.footer
{
margin-top:50px;
border-top:2px solid #990000;
border-bottom:2px solid #990000;
font:400 0.7em/1.8em Arial,sans-serif;
color:#cccccc;
vertical-align:middle;
text-align:center;
padding:5px;
}
Da ich mir nicht sicher bin, ob diese gekürzte Fassung ausreicht hier noch die ganze Datei online: http://www.shattered-remains.de/new/gigs.htm
Ach ja: sowohl IE7 als auch Firefox interpretieren min-height korrekt, wenn ich das Attribut ein DIV-Element weiter unten verwende. Der Effekt ist logischerweise aber ein Anderer.
Und falls jemand etwas über den ziemlich konfusen Aufbau zu sagen hat, bin ich auch hier über alle (konstruktiven ;) )Ratschläge glücklich.
Danke im Voraus, und guter Hoffnung zum Gruß,
Raphael