Hallo,
mein Problem:
ich habe eine div-box die 100% groß sein soll, wenn wenig text drin steht, also sollte die hintergrundfrabe/bild hinter dem text sein. steht mehr text drin, als auf den bildschirm passt, so das gescrollt werden muss, sollte sich die box an diese textgröße anpassen und somit auch die hintergrundfrabe/bild. Im IE funktionier das auch, aber der Firefox lässt die hintergrundfrabe/bild nur in der bildschirmgröße und vergrößert diese nicht nach der menge des textes.
bin an diesem problem paar stunden dran, würde mich über vorschläge, ideen oder auch auf eine lösung freuen.
mein quellcode:
gruss
bomb
mein Problem:
ich habe eine div-box die 100% groß sein soll, wenn wenig text drin steht, also sollte die hintergrundfrabe/bild hinter dem text sein. steht mehr text drin, als auf den bildschirm passt, so das gescrollt werden muss, sollte sich die box an diese textgröße anpassen und somit auch die hintergrundfrabe/bild. Im IE funktionier das auch, aber der Firefox lässt die hintergrundfrabe/bild nur in der bildschirmgröße und vergrößert diese nicht nach der menge des textes.
bin an diesem problem paar stunden dran, würde mich über vorschläge, ideen oder auch auf eine lösung freuen.
mein quellcode:
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<style>
html, body {
height: 100%;
margin: 0;
background: #fff;
font-family: Tahoma, Verdana, Arial;
color: #fff;
font-size: 0.85em;
text-align: center;
}
#page {
background: #000;
width: 740px;
margin: auto;
height: 100%;
}
#links {
width: 540px;
padding-left: 20px;
float: left;
}
</style>
</head>
<body>
<div id="page">
<div id="links">
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
text<br /><br /><br />
</div>
</div>
</body>
</html>
gruss
bomb
Kommentar