[CSS] overflow : scroll

Geschlossen
Ach-nee - 25. Mai 2011 um 15:03
 Laz3ar - 26. Mai 2011 um 16:50
Hi,

In einer Intro-Seite einer Website möchte ich eine Kasten mit Text integrieren. Der Kasten soll bestimme Größen nicht überschreiten und die scrollbar muss sich abhängig von der Inhaltslänge aktivieren lassen.
Hier ist das Programm:

<!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="fr" >
<head>
<title>Homepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
p{
heigth: 100px;text-align:justify;
}
.schneide{
overflow:scroll
}
</style>
</head>
<body>
<p class="schneide">

<br />
<font color="#ffffff">
// ein Text mit einigen Zeilen
</font>

<br />
</p>
</body>
</html>

Der Text lässt sich durch Programm schon anzeigen, aber der Kasten beinhaltet den gesamten Text, also er ist größer als gewünscht.

Wissen Sie warum und evtl. wie erhalte ich das gewünschte Ergebnis?


Ich danke Ihnen im Voraus. :)

2 Antworten

Servus,

ich empfehle dir overflow:auto zu benutzen

So falls dein Textinhalt nicht deinen Kasten überschreitet , wird die scrollbar nicht anzeigen.
Hallo miteinander,

integriere deine <p> Tags in eine DIV mit definierte height und im overflow:auto