Tutorial HTML, CSS u. PHP - Forum

[philipp e.]

Hallo Leute,
meine Sidebar, die rechts neben dem CONTENT-DIV liegt. Die Sidebar ist mit fast unendlich Inhalt gefüllt. Doch, wenn ich alles ausgeben lasse, dann sieht das natürlich scheiße aus. Wie kann ich nur exakt so viel Inhalt ausgeben lassen, wie groß auch die Seite ist??

Mit freundlichen Grüßen,
Philipp E.

[Flow Snow]

Da fällt mir direkt nur abschätzen und Textlänge anpassen ein, es sei denn du willst den Text knallhart abschneiden, dann overflow-y: hidden;.

[philipp e.]

@Flow Snow:
Das ist mir eigentlich zu viel Arbeit und das wäre sehr undynamisch und umständlich.
overflow: y-hidden;?? Wie soll das funktionieren?

[Flow Snow]

Du gibst der Sidebar eine feste Höhe und alles was darüber hinaus geht an Text wird einfach versteckt.

[philipp e.]

Aber kann ich nicht irgendwie mit JS die Höhe eines DIVS ermitteln??

[Flow Snow]

Das kannst du mit offsetHeight (inklusive Innenabstand und Rahmen!)

Beispiel:

Code: Alles auswählen

  <div
      style="height: 217px; padding: 7px; border: 3px ...;"
      onclick="alert(this.offsetHeight()+'px');"
  >
    Inhalt
  </div>


Dir wird 237px ausgegeben, das ergibt sich wie folgt:

217 (Höhe des Elements)
+ 2 x 3 (Breite des Rahmens, dieser kommt oben und unten vor)
+ 2 x 7(Innenabstand, auch oben und unten)

[philipp e.]

perfekt danke

[Flow Snow]

Das Ganze funktioniert meines Wissens nach sogar wenn du für den div überhaupt keine Höhe geschweige denn Rahmen / etc. angibst, sehr praktisch also.

[philipp e.]

jo, das hört sich gut an