zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden min-height und Hintergrundprobleme

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.07.2009, 16:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.07.2009
Beiträge: 2
modern-props befindet sich auf einem aufstrebenden Ast
Rotes Gesicht 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&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
__________________
Man ist für das gesagte verantwortlich - und für das verstandene.


MODERN PROPS - Impulse und Kommunikation
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.07.2009, 16:50
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Das Problem ist pos. abs. (hat z.B. .inhalte) - diese Elemente haben keinerlei Einfluss auf benachbarte oder übergeordnete. Arbeite stattdessen mit float & clear (siehe FAQ).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 01.07.2009, 16:53
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.987
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Ich denke, dass dir die absolute Positionierung "das genick bricht". Schonmal was von floats gehört?
Aber vorsicht. Wer floatet muss auch clearen

Edit: Heiko war schneller weil ich den Punkt in der FAQ nicht gefunden habe
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #4 (permalink)  
Alt 01.07.2009, 21:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.07.2009
Beiträge: 2
modern-props befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Das Problem ist pos. abs. (hat z.B. .inhalte) (siehe FAQ).
zwar verstehe ich die kürzel pos. abs. nicht aber ich danke dir für den hinweis auf die floatsache und werde mich damit befassen!
__________________
Man ist für das gesagte verantwortlich - und für das verstandene.


MODERN PROPS - Impulse und Kommunikation
Mit Zitat antworten
  #5 (permalink)  
Alt 01.07.2009, 22:12
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.987
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Zitat:
Zitat von modern-props Beitrag anzeigen
zwar verstehe ich die kürzel pos. abs. nicht aber ich danke dir für den hinweis auf die floatsache und werde mich damit befassen!
pos. abs = Position:absolute;

Ist so ne total nutzlose und absolut überbewertete CSS-Eigenschaft, die auch du gerne verwendest.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Darstellungsprobleme im IE lea11011989 CSS 17 05.11.2010 10:44
Div Positionen in Firefox falsch ozero CSS 4 17.07.2009 23:35
prblemme mit mein inhalt div carlos587261 CSS 3 23.04.2008 15:07
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:52 Uhr.