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:
Und mein CSS-Code:
Bin dankbar für jeden noch so kleinen Hinweis!
Mfg waswiewo
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()">««</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()">»»</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: