✔ Div ohne Inhalt - Hintergrundgrafik wird nicht angezeigt

waswiewo

waswiewo

Erfahrenes Mitglied
Hallo,

Meine Page besteht aus 5 Div's.. header, links, text (content), rechts und footer.

Normalerweise haben die Div's links, text und rechts eine feste höhe von 277px. Sprich einen Content der so klein ist, dass er nicht größer sein muss. Mit fester Höhenangabe wird alles schön angezeigt. In den Div's links und rechts ist nicht, nur per css eine Hintergrundgrafik, diese wird auch angezeigt.

Jetzt habe ich eine Seite (News), bei der der Content und somit auch links und rechts die beiden Div's mitscrollen sollen. Machen sie aber nicht =)

Jetzt meine Frage: Was muss ich einstellen, das das 74x1px große Hintergrundbild mit nach unten gezogen wird. Genau so weit wie der Content sich in die länge zieht.

Hier der Link: http://weihsbach.de/Thilo/index.php?seite=53&action=0

Mein HTML-Code:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<html>
<head>
<title></title>

<?php page_header(); ?>

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div class="main">

<div class="header"></div>

	<div class="links"></div>

	<div class="text">

		<?php page_content(); ?>

	</div>

	<div class="rechts"></div>

<div class="footer">
<span><a href="javascript:history.back()">&laquo;&laquo;</a> | <a href="index.php?seite=1">Startseite</a> | <a href="index.php?seite=47">Über Mich</a> | <a href="index.php?seite=46">Links</a> | <a href="index.php?seite=4">Downloads</a> | <a href="index.php?seite=6">Kontakt</a> | <a href="index.php?seite=5">Impressum</a> | <a href="javascript:history.forward()">&raquo;&raquo;</a></span><br><br>
<a href="http://weihsbach.de/Thilo/admin/inc/index.php?seite=uebersicht" target="_new">admin</a> | Designed by <a href="http://www.thilo.weihsbach.de">Thilo Weihsbach</a> | cms powered by <a href="http://www.cms2day.de" target="_new">cms2day</a>
</div>

</div>

</body>
</html>

Und mein CSS-Code:
Code: 
.main {
	width: 900px;
	margin: 0 auto 0 auto;
	background: #fff;
	text-align: left;
	color: #000;
}

.header { 
	background: #fff url(Bilder/header.png);
	padding: 0px;
	width: 900px;
	height: 269px;
}

.content {
	padding: 0px;
	width: 900px;
	height: 351px;
	color: #fff;
}

.links {
	float: left;
	padding: 0px;
	background: #fff url(Bilder/links.png);
	width: 74px;
}


.text {
	float: left;
	padding: 10px;
	background: #fff url(Bilder/text.png);
	width: 732px;
	color: #000;
}

.text a, .text a:link, .text a:visited, .text a:active {
	color: #000;
	text-decoration: none;
}

.text a:hover {
	color: #000;
	text-decoration: underline;
}

.rechts {
	float: left;
	padding: 0px;
	background: #fff url(Bilder/rechts.png);
	width: 74px;
}

.footer {
	float: left;
	clear: both;
	background: #fff url(Bilder/footer.png);
	width: 900px;
	height: 69px;
	padding-top: 21px;
	text-align: center;
	font-size: 10px;
	color: #888;
}

.footer a, .footer a:link, .footer a:visited, .footer a:active {
	color: #888;
	text-decoration: none;
}

.footer a:hover {
	color: #555;
	text-decoration: underline;
}

.footer span, .footer span a, .footer span a:link, .footer span a:visited, .footer span a:active {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.footer span a:hover {
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}

img {
	border: 0px;
}

Bin dankbar für jeden noch so kleinen Hinweis!

Mfg waswiewo
 
Zuletzt bearbeitet:
Sorry, aber all die Seiten die in dem anderen Thread genannt werden habe ich bereits durchforstet. Einige hatte ich selbst über google schon gefunden. Es ist ja nicht so, dass ich mich nicht schon selbst bemüht hae das fehlende Etwas zu finden. Auch deine Tutorials habe ich mir angesehen.

Ich habe alle möglichen css-Konstellationen ausprobiert.. es regt sich nichts..

Den mittigen Div kriege ich mit margin-left in die Mitte, trotzdem zeigen sich die Hintergrundgrafiken der beiden Außendivs nicht.

Einen weiteren Div um die 3 Divs habe ich auch gebastelt und mit float: left und float: right herumprobiert. positioniereung hab ich auch versucht... die Grafiken wollen nicht gesehen werden.

EDIT:

habs jetzt anders gelöst... hab dem div außenrum ne hintergrundgrafik gegeben und die andern beachte ich einfach nicht^^ Wäre dennoch an einer anderen lösung interessiert.

Mfg waswiewo
 
Zuletzt bearbeitet:
Dann hast du entweder die Faux Columns übersehen, die in der empfohlenen Seite genannt werden, sowie in zwei meiner Tutorials zum Einsatz kommen, oder bei ihrer Umsetzung etwas falsch gemacht.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück