contentbereich verlängern mit hilfe von css

KillerSunZone · 15.04.2009

Hi Leute,

ich hab mein Problem mal in einen etwas verkürzten Quellcode versucht darzustellen...

mein Problem ist, dass sich die gesamte Page verlängern soll, wenn der Text zulang ist.
Sprich, in dem beispiel hier, wird der text einfach unterbrochen, weil die seite zu ende ist, obwohl da noch text ist.

Was muss ich verändern? Habe bereits sie Suche benutzt, aber irgendwie nichts richtiges gefunden. Vielleicht einfach nur unter dem falschen Suchbegriffen gesucht. i dont know.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>position: fixed</title>
<style type="text/css">

</style>
</head>
<body>
<div id="kasten1">Kasten 1<br>

<span style="font-size: 0.8em">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
</span>

<div id="kasten2">Kasten 2</div>

</div>
</body>
</html>

PS.: ich hab nen bissel text gelöscht, weil das hier sonst zu lang geworden wäre, sprich, zur not noch nen bissel text einfügen.. danke

sokie · 15.04.2009

AW: contentbereich verlängern mit hilfe von css

wenn du aus dem css für element #kasten1 die 'height' eigenschaft heraus lässt, wird die box immer so gross, wie der Inhalt es erfordert.

KillerSunZone · 15.04.2009

AW: contentbereich verlängern mit hilfe von css

sokie schrieb:
wenn du aus dem css für element #kasten1 die 'height' eigenschaft heraus lässt, wird die box immer so gross, wie der Inhalt es erfordert.

danke für die schnelle antwort

habe es gelöscht, aber es passt sich leider immer noch nicht an. =(

veox · 15.04.2009

AW: contentbereich verlängern mit hilfe von css

#kasten1 {
position: relative;

und heigth weglassen!

Gruß | veox

vandyce · 15.04.2009

AW: contentbereich verlängern mit hilfe von css

so könnte es funktionieren, habs aber nicht getestet

Code:

<style type="text/css">
<!--
body {
text-align: center;
}
#kasten1 {
    width: 80%;
    top: 500px;
    background-color: #fc9;
    border: 1px solid #660;
}
#kasten2 {
    height: 50px;
    width: 150px;
    padding: 5px;
    background-color: #9c6;
    border: 1px solid #060;
}
-->
</style>
</head>
<body>
<ul id="kasten1">
  <li style="font-size: 0.8em">
       Kasten 1
  </li>
  <li style="font-size: 0.8em">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero  et accusam et justo duo dolores et ea rebum. Stet 
  </li>
  <li id="kasten2">
        Kasten 2
  </li>
</ul>

</body>
</html>

oder man nimmt die einfachere variante von veox

KillerSunZone · 15.04.2009

AW: contentbereich verlängern mit hilfe von css

veox schrieb:
#kasten1 {
position: relative;

und heigth weglassen!

Gruß | veox

ui.. danke.. funzt jetzt...
aber für das is dann fixed? *verwirrt*

vandyce schrieb:

so könnte es funktionieren, habs aber nicht getestet

Code:

<style type="text/css">
<!--
body {
text-align: center;
}
#kasten1 {
    width: 80%;
    top: 500px;
    background-color: #fc9;
    border: 1px solid #660;
}
#kasten2 {
    height: 50px;
    width: 150px;
    padding: 5px;
    background-color: #9c6;
    border: 1px solid #060;
}
-->
</style>
</head>
<body>
<ul id="kasten1">
  <li style="font-size: 0.8em">
       Kasten 1
  </li>
  <li style="font-size: 0.8em">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero  et accusam et justo duo dolores et ea rebum. Stet 
  </li>
  <li id="kasten2">
        Kasten 2
  </li>
</ul>

</body>
</html>

habs zwar jetzt dank der hilfe von veox hinbekommen. aber natürlich bin ich trotzdem dankbar!

nach meiner kann thema geschlossen werden..

cebito · 15.04.2009

AW: contentbereich verlängern mit hilfe von css

KillerSunZone schrieb:
ui.. danke.. funzt jetzt...
aber für das is dann fixed? *verwirrt*

KillerSunZone schrieb:
nach meiner kann thema geschlossen werden..

Na, da hätt ich dir doch nicht mehr den Link geben können :rolleyes:

vandyce · 15.04.2009

AW: contentbereich verlängern mit hilfe von css

fixed bleibt immer an der top/left position egal wie lang die seite is ist immer sichtbar

KillerSunZone · 15.04.2009

AW: contentbereich verlängern mit hilfe von css

cebito schrieb:
Na, da hätt ich dir doch nicht mehr den Link geben können

hehe.. das stimmt wohl.. *kopf kratz*

naja.. aber danke aufjedenfall.. werde ich mir nochmal durchlesen.. hab zwar "CSS-Praxis von Galileo Computing" neben mir zuliegen.. aber irgendwie schaut das sooooo dick aus