XHTMLforum - Einzelnen Beitrag anzeigen - min-height und Hintergrundprobleme

modern-props · #1 (**permalink**) 01.07.2009, 15:40

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&ouml;ffentlich werden darf.
<br><br>
JOHANN FR&Ouml;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&nbsp;&nbsp;
<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&nbsp;&nbsp;
<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&nbsp;&nbsp;
<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