I-Frame oder wie möglich?

[Ich_halt224]

Hallo,

ich bastel im Moment an einer neuen Homepage und habe da mal eine Frage.
Dazu hänge ich mal ein Screenshoot mit an.
Der Bereich, der auf dem Screenshoot markiert ist, ist der Textbereich.
Wenn dort nun aber das Fenster voll geschrieben ist wird das Fenster nach unten automatisch größer, da der Text ja irgendwo hin muss.
Ich hätte es aber gerne, dass das Fenster die angegeben Größe bei behält und dann statt desen auf der rechten Seite eine Scrollbar ist, mit der man hoch und runter scrollen kann, also eine ganz normale.
Kann ich das mit einem Iframe machen? Wenn ja, wie?
Ich gebe euch auch mal den Link zur Seite, damit ihr auch den HTML-Text habt.
Ich freue mich auf eure Hilfe.


Liebe Grüße

Tim


http://www.ngn-php.com/webra/5.htm

 

[Maik]

Wenn es sich hierbei um einen reinen Textbereich handelt (also keine externe Seite in diesen Anzeigebereich geladen werden soll), liesse sich dies mit einem scrollfähigen DIV realisieren.

div.scrollBox {
width: 400px;
height: 400px;
overflow: auto;
}

 

[Ich_halt224]

Ja, es handelt sich um einen reinen Textbereich.
Wo muss ich den Code von dir dafür einbauen?

Liebe Grüße

Tim

 

[Maik]

#main_content_body #content_box {
	margin: 0px auto;
	padding-bottom: 15px;
	width: 380px;
         height:380px;
         overflow: auto;
	text-align: justify;

 

[Ich_halt224]

Ähhm, also irgendwie weiß ich jetzt leider nicht mehr als vorher

Kannst du es bitte nur mal kurz erklären?

 

[Maik]

Kennst Du Dich in Deinem eigenen HTML- bzw. CSS-Code nicht aus? :suspekt:

Mein Tipp lehnt sich an den Vorgaben aus Deiner Beschreibung, der CSS-Datei style.css und dem entsprechenden Teil des HTML-Quelltexts, in dem ich die (derzeit enthaltenden) erzwungenen Leerzeichen   durch etwas dummy text ersetzt habe:

<div id="main_content_body">
<div id="content_box">

                <div class="thumbnail"></div>

                     <p>dummy text</p>

                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                     <p>dummy text</p>
                </div><!-- end DIV#content_box -->
                </div>

Derzeit ist in der style.css folgende CSS-Regel notiert:

#main_content_body #content_box {
	margin: 0px auto;
	padding-bottom: 15px;
	width: 380px;
	text-align: justify;
}

die ich mit den beiden CSS-Eigenschaften height:380px und overflow:auto erweitert habe.

Somit hat das DIV#content_box eine feste Höhe und scrollt den überlangen Inhalt. Durch den Wert auto werden die Scrollbalken erst dann angezeigt / eingeblendet, wenn der Inhalt größer ist, als der vordefinierte Anzeigebereich.

Sorry, was gibt es daran nicht zu verstehen?

copy+paste+taste


[editpost] Das Thema wird in das CSS-Forum verschoben.