Hintergrund unbeweglich aber Text scrollbar

Franczeska · 18.09.2006, 21:16

Hallo,

ich habe zwar einige Threads der Art gefunden, wusste aber nicht wirklich was damit anzufangen. Ich kann weder html noch CSS, und mache alles in der Layout Ansicht.

Nun habe ich das Problem:
Das Layout ist ein einziges Bild. Da ich aber navigationsmäßig zwischen Fenstern hin- und her springen möchte, möchte ich das Hintergrundbild aufteilen und in die jeweiligen Frames einfügen. Das Bild soll natürlich als Einheit gesehen werden können, d.h. also, die einzelnen Bilder dürfen sich nicht verschieben, der Text soll aber scrollbar sein, also müssen die Frames es auch sein.

Also müsste das Hintergrundbild fixiert werden. Ich hab da folgenden Code gefunden:

<style type="text/css">

</style>

Allerdings weiss ich nicht, wo ich das einfügen soll (und ob es überhaupt den gewünschten Effekt bringt). Ich habe es zwischen Meta-Tag und dem Abschnitt mit dem Seitentitel versucht, so wei auf der Seite, von der ich das habe, aber so verschwindet die Ansicht des Hintergrundbildes komplett.

Oder gibt es überhaupt eine andere Vorgehensweise?

Das Prinzip, das ich meine, ist das gleiche wie im mittleren Frame hier: http://kachiru.org/fioretti/welcome.htm

UweB · 19.09.2006, 07:27

Hallo franczeska,
da widersprechen sich ein paar deiner Ideen.
Zunächst würde ich grundsätzlich davon abraten, die ganze Seite als ein Bild zu erstellen, aber ich glaube das meinst du auch gar nicht. Aber nur in diesem Fall könntest du das ganze Bild als Hintergrund nehmen, so wie in deinem Code Beispiel. Um diesen einzufügen müsstest du dich entweder mit der html-Ansicht anfreunden, und den Code in den head-Bereich kopieren, oder aber den CSS-Editor benutzen (das kleine Treppen Symbol oben rechts im Layoutfenster). Da du damit offenbar noch nicht gearbeitet hast, solltest du dir zunächst das entsprechen Kapitel „Stylesheets verwenden” im Handbuch(oder Onlinehilge) ansehen (und dann dazu gerne weitere Fragen stellen...).
Du schreibst von Frames. Meinst du tatsächlich Frames im Sinne von html? Dann dürfte es viel Arbeit sein, die Bildteile wieder richtig zusammenzufügen.
Wenn es aber nur um das Zerschneiden/Zusammenfügen des Bildes auf einer Seite geht, solltest du das mit dem entsprechenden Tool deines Grafikprogramms mache. Meistens findest du das unter dem Stichwort Slice. Die Grafikprogramme erstellen dann parallel zu den Bildteilen auch gleich eine html-Tabelle, die du in der html-Ansicht in deine Seite einfügen kannst.

Gruß
Uwe

Franczeska · 19.09.2006, 09:22

Danke für die Schnelle Anwort.

Das mit den Slices hab ich schon spitz gekriegt.

Also ist das, was ich dazu brauche, CSS. Na gut. Aber stimmt der Code denn nun?

Also um mal ein einfaches Beispiel zu nehmen, ich hab einfach eine neue html Seite. Da füge ich ein Hintergrundbild ein. Darüber kommt eine Textbox. Wenn ich also diesen Code an die richtige Stelle im html Quellcode reinstelle, logischerweise den Namen des Bildes ergänze, dann müsste was passieren? Würde dann das Bild stehen bleiben und nur der Text gescrollt werden, wenn der Text eben sehr lang ist?

Boris · 19.09.2006, 09:34

Zur Frage selbst - StyleSheets (CSS) gehören in den <head>...</head> Bereich.

Du solltest dich vielleicht ein klein wenig mit dem Grundgerüst eines HTML Dokumentes beschäftigen.

UweB · 19.09.2006, 09:43

Zitat:

Würde dann das Bild stehen bleiben und nur der Text gescrollt werden, wenn der Text eben sehr lang ist?

Ja.
So eine Frage beantwortet sich aber auch durch kurzes Ausprobieren.

Franczeska · 19.09.2006, 09:53

theoretisch wahrscheinlich.

Wenns denn funktionieren würde. Aber ich glaube, ich bin einen Schritt weiter gekommen.

Franczeska · 19.09.2006, 10:13

oder doch nicht.

GoLive nimmt einem ja viel Arbeit ab. Ich hab jetzt auf dieses "Treppen Icon" geklickt, und im CSS Editor einfach angegeben, dass das Hintergrundbild fest stehen soll. Da gibt es ja diese Auswahlmöglichkeiten. Das müsste doch nun richtig sein. Im Ergebnis ändert sich aber nichts, das Bild wird trotzdem mit gescroll. Ich gebs auf.

UweB · 19.09.2006, 10:29

Hallo Franczeska,
im CSS-Editor musst du beim Hintergrund
Anhängen: fest
Wiederholen: Einmal
Vertikal: oben
einstellen.

Dann geht es. für den feststehenen Hintergrung reicht eigentlicg Anhängen: fest.

Gruß
Uwe

Franczeska · 19.09.2006, 13:32

Genauso hab ich es mir gedacht, aber das Bild steht trotzdem nicht fest.

UweB · 19.09.2006, 13:37

Bei mir geht das.
Dann hilft nur ein Link zu deiner Seite, um zu sehen, was du anders machst.

Franczeska · 20.09.2006, 10:18

Hier wäre die Testseite (wird am Ende natürlich nicht so aussehen, aber es geht ja ums Prinzip): http://mitglied.lycos.de/xfranczeskax/unbenannt3.html

Wie man sieht, bewegt sich im mittleren Frame das Bild mit beim scrollen, es soll aber eben nur der text links gescrollt werden.

Dirk Levy · 20.09.2006, 10:39

Ja ist auch klar, weil es der Scroll vom Frame ist
und nicht einer vom Inhalt, das würde ich ohne
Frameset machen und den Text in eine Ebene legen,
die eben scrollbar ist, wenn mehr drinnen ist.....

Gruß

Dirk

Franczeska · 20.09.2006, 10:47

Danke!
Und jetzt verrät mir doch bestimmt auch noch jemand, was ich tun muss, um die Ebene scrollbar zu machen?

Das geht doch bestimmt wieder mit CSS...

Dirk Levy · 20.09.2006, 10:54

Genau, Du ziehst eine Ebene auf Deine
Layoutseite, legst Größe und Position fest,
gibst ihr einen sinnvollen Namen, dann öffnest
Du über das Treppensymbol den CSS-Inspektor,
wählst auf der linken Seite die Ebene an und
gehst dann auf der rechten Seite auf den Punkt
mit dem Kreuzcursor (Blockeigenschaften) dann
wählst Du unten rechts den Punkt abschneiden
und stellst den Überlauf auf automatisch.
Achtung in der Darstellung im Layout wird der
Rahmen für Dich größer dargestellt, wenn Du
aber auf die Vorschau gehst siehst Du schön
die Scrollbars.

Hier mal eine Muster-Dummy-Seite it XHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Unbenannte Seite</title>
<style type="text/css" media="screen"></style>
</head>

<body>
<div id="Ebene1">
kljöflkjsdöfsdslfkjsdflffsdfsad
<p>dfsd</p>
<p>f</p>
<p>ds</p>
<p>f</p>
<p>sd</p>
<p>f</p>
<p>ds</p>
<p>fds</p>
<p>f</p>
<p>d</p>
</div>
</body>

</html>

Gruß

Dirk

Franczeska · 20.09.2006, 11:03

Wunderbar!

Dirk und Uwe, danke für die Hilfe!

Und wenn ich jetzt die Farbe der Scrollbars ändern will? Ich hab da so ein Programm, in dem kann man sich die zusammenstellen und sich den Quelltext für CSS automatisch ausspucken lassen. Aber wo muss das eingefügt werden?