mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 12:35 Benutzername: Passwort: Auto-Login

Thema: div -> overflow:hidden -> oberer Content versteckt vom 19.11.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> div -> overflow:hidden -> oberer Content versteckt
Autor Nachricht
mytide
Threadersteller

Dabei seit: 19.11.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 19.11.2007 15:29
Titel

div -> overflow:hidden -> oberer Content versteckt

 Antworten mit Zitat Zum Seitenanfang
Hallo!

Ich habe ein kleines Problem:

Ich benötige für eine Art Consolen-Emulation ein
div, welches nur den innerhalb des divs liegenden Text anzeigt.

Normalerweise wäre hier natürlich overflow:hidden die Wahl.
So wird jedoch der untere Teil des Textes verborgen. Ich will
jedoch, dass der obere Teil des Textes nicht zu sehen ist.

Zusätzlich kommt noch hinzu, dass die Text-Länge variabel ist
und per Javascript auch noch Text hinzugefügt werden kann.
Trotzdem soll immer der letzte/untere Teil des Textes zu sehen
sein.

Irgendwelche Ideen, wie ich das ohne JavaScript, rein mit CSS
realisieren kann?

Im Voraus vielen Dank für Eure Hilfe!
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 19.11.2007 16:15
Titel

Antworten mit Zitat Zum Seitenanfang
das sollte deine basis sein...:

Code:

<style type="text/css">
.janz_unten
{
 position: relative;
 border: 1px solid black;
 width: 100px;
 height: 100px;
 overflow: hidden;
}
.janz_unten p
{
position: absolute;
bottom: 0;
}
</style>


<div class="janz_unten">
   <p>
      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.
   </p>
</div>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
mytide
Threadersteller

Dabei seit: 19.11.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 19.11.2007 16:23
Titel

Antworten mit Zitat Zum Seitenanfang
Super, danke!

Hab mal wieder den Wald vor lauter divs nicht gesehen!

Lächel
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 19.11.2007 16:24
Titel

Antworten mit Zitat Zum Seitenanfang
V 2.0

Code:

<style type="text/css">
.janz_unten
{
 position: relative;
 border: 1px solid black;
 width: 100px;
 height: 100px;
 overflow: hidden;
}
.janz_unten p
{
position: absolute;
bottom: 0;
}

</style>


<div class="janz_unten">
   <p id="MSG_window">
      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.
   </p>
</div>

<script type="text/javascript">
   <!--
      Inhalt = document.getElementById('MSG_window').innerHTML;
      alert("noch isses: "+Inhalt);
      alert("nu kommt \"TEST\" dazu");
      document.getElementById('MSG_window').innerHTML = Inhalt+" TEST";
   -->
</script>


Grins
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] overflow-x:hidden
IE Content Overflow Probleme
PS CS4: Bildrand unter oberer Werkzeugleiste - wie anfassen?
[solved]CSS Ausklapp-Menü. Oberer Menüpunkt aktiv
Content Editing, statt Content Management
Chrome stellt img auf hidden
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB