fixe Seiten, scrollbarer Content?

html.de-Forum HTML, XHTML & CSS
1

Gute Tag liebe Community,

ich habe gestern meine neue Homepage angefangen, und habe hierzu eine Frage: Wie realisiere ich es, dass meine Seite fix ist, (sich nicht bewegt beim scrollen) sondern nur der Inhalt der Seite? Zur Veranschaulichung hier ein Bild meines neuen Templates:

Bild

In die graue Box kommt der Inhalt rein, sollte der Inhalt länger sein als Platz ist, soll man scrollen können, ohne dass sich die Homepage bewegt. Hoffe ihr wisst was ich meine, falls nicht schreibt das bitte, dann formuliere ich um.

mfg Ind3X

2

Hi,

wenn ich das richtig verstanden hab !

du mußt einfach nur an der stelle wo dein Content anfängt, ein scrolling=‚yes‘ einfügen

zB.:

BLA BALA TEXT BLA BLA USW

bin zwar selber ein Newbie aber das sollte so funktionieren !

gruß aramis

3

Ich schmeiß’ mal das Stichwort overflow:auto; in den Raum…

4

Vielleicht ist das die Lösung:
Layout mit 100 % Höhe bei fixiertem Header und Footer

5

WoW, Danke für die vielen Tips, ich werde mir sofort alle anschauen, und mich dann wieder hier melden!

Hm das hat nicht wirklich funktioniert. Ich habe mal „overflow:auto“ versucht, hat sich allerdings nichts geändert.

<td colspan="8" background="images/tobishp_18.gif" valign="top" align="left" style="padding:7px; overflow:auto" width="713" height="21"> Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br> Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br>Test<br> Test<br>Test<br></td> <td>Ergebnis:
http://ind3x.de/images/ergebnis.JPG

Keine Veränderung, jemand eine Idee?

mfg Ind3X

6

Dein Code:

style="padding:7px; overflow:auto" width="713" height="21"

Versuchs mal so:

style="padding:7px; width:713px; height:21px; overflow:auto;"
7

Das hat es irgendwie noch mehr verschoben!

http://ind3x.de/images/ergebnis2.JPG

8

Könnte auch an deinem restlichen Quelltext liegen - zeig den einfach mal her.

9

Ist noch nichts wirklich atemberaubendes, ist noch in der Anfangsphase:
tobishp

10

2 riesen Nachteile:

1.) Dir fehlt ein Doctype.
2.) Du verwendest Tabellen als Struktur.

Dein Quellcode ist selbst mit dem einfachsten Doctype (html 4.01) nicht valide. Schau dir mal den Quellcode im Validator an: The W3C Markup Validation Service

11

Das Layout ist ungeeignet für eine Scrollbox.
Bei den meisten Besuchern würden zwei Scrollbars entstehen.
Die Scrolleiste für htm / body abzuschalten würde die Seite für die meisten Besucher unzugänglich machen.
Ein Geschicktes zuschneiden der background-images mit sinnigen background-repeat würde professioneller wirken.