modern-props |
01.07.2009 16:40 |
min-height und Hintergrundprobleme
Hallo,
ich sowie mehrere meiner "Verbündeten" zum Kampf mit CSS finden nicht heraus, warum es so ist wie es ist. Und zwar habe ich eine .main-Klasse in der u.a. eine minimale Höhe und eine Hintergrundfarbe und v.a. -grafik angegeben wurde. Klappt gut, so lange es unter minimalen Höhe ist. Unter Leistungen - MODERN-PROPS - Impulse und Kommunikation ist das aber dann nicht mehr der Fall. Und schon werden weder Farbe noch Bild in den Hintergrund unterhalb der 600er-min-Marke angezeigt.
Weiß hier jemand Rat? Ausschnitte aus dem Dokument und dem zugehörigen CSS anbei oder unter Leistungen - MODERN-PROPS - Impulse und Kommunikation einzusehen.
Die entsprechenden CSS-Klassen
Code:
.main {
background-color: #019ee1;
background-image: url(grafiken/hintergrund.jpg);
background-position: top center;
background-repeat: repeat-y;
color: white;
direction: ltr;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 28px;
margin-left: auto;
margin-right: auto;
min-height: 600px;
padding: 0px;
position: relative;
text-align: left;
text-decoration: none;
text-transform: none;
top: 0px;
width: 868px;
}
.inhalte {
left: 188px;
position: absolute;
top: 180px;
width: 457px;
}
HTML bzw PHP-Dokument
HTML-Code:
<div class="main">
<div class="logo"><a href="http://www.modern-props.de"><img src="grafiken/logo.jpg" title="Logo - Zur Startseite" alt="Logo - Zur Startseite" border="0" width="149" height="89"></a></div>
<div class="bgtropfen"></div>
<div class="navibox">
<ul>
<a href="?seite=start">STARTSEITE</a><br>
<a href="?seite=vorstellung">VORSTELLUNG</a><br>
<a href="?seite=leistungen">LEISTUNGEN</a><br>
<a href="?seite=seminare">SEMINARE</a><br>
<a href=?seite=kommunikation>kommunikation</a><br><a href=?seite=medienkompetenz>medienkompetenz</a><br><a href=?seite=rethorik>rethorik</a><br><a href=?seite=seminarstimmen>stimmen</a><br>
<a href="?seite=service">SERVICE-LOGIN</a><br>
<a href="?seite=kontakt">KONTAKT</a><br>
</ul></div> <!--schließen der navibox-->
<div class="headline">
STIMMEN ZU SEMINAREN
</div> <!--schließen der Überschriften-klasse-->
<div class="inhalte">
Einige Auftraggeber und Teilnehmer meiner Seminare haben zugestimmt, dass deren Feedback an dieser Stelle veröffentlich werden darf.
<br><br>
JOHANN FRÖHLING - Bildungswerk der Hanns-Seidel-Stiftung e.V.:<br>
<i>Herr Staendecke ...</i>
<br><br>
ARNOLD LINDNER - BLSV e.V. (Bezirk Oberpfalz):<br>
<i><img src=photos/stimme-lindner.png align=left width=90 height=125 border=0 alt="Portrait von Arnold Lindner">Fachkompetenz und...</i>
<br><br>
ANONYMER TEILNEHMER (14 Jahre):<br>
<i><img src=photos/stimme-junge.png align=left width=90 height=125 border=0 alt="Portrait eines Jungen - Symbolfoto"> COOOOOOOOOOOOOOOOOOLE Sache!!!!!!...</i><br>
Der Name wurde zum Schutz der Minderjährigen anonymisiert. Das Bild ist ein Symbolphoto.</div> <!--Ende der Inhalte-Klasse-->
<div class="buttons">
<a href="javascript:window.print()">
seite drucken
<img src="grafiken/button-printer.gif" alt="drucken-Button" width="10" height="10" border="0">
</a><br>
<a href="javascript:window.external.addFavorite(location.href, 'MODERN PROPS')">
lesezeichen
<img src="grafiken/button-lesezeichen.gif" alt="lesezeichen-Button" width="10" height="10" border="0">
</a><br>
<a href="mailto:sebastian.staendecke@modern-props.de">e-mail schreiben
<img src="grafiken/button-email.gif" alt="e-mail-Button" width="10" height="10" border="0">
</a></div> <!-- Ende der Button-Box-->
<!--Rechte spalte start-->
<div class="rechtespalte">
<img src=photos/seminarstimmen.png alt=Photo border=0></div>
<!--Rechte spalte endet hier-->
</div> <!--schließen der main-klasse-->
Vielen Dank für eure Hilfe!
Sebastian Staendecke
|