position fixed

[miro]

hallo zusammen

ich habe versucht diese Code von CSS4You
so umändern das nur der Content scrollbar ist.
ich habe versucht das mit position: fixed zu erreichen …
aber die ganze Website verliert die Fassung.
die ganze Website soll mit einer fester Pixel Größe
zentriert sein.

kann mir jemand helfen bitte

schöne Grüße
miro

[IMG alt="Logo"]https://finale.freesoft-board.to/images/logo128.png[/IMG]



[IMG]https://finale.freesoft-board.to/images/links128.png[/IMG]




MENU 1


» HYPERLINK 1

» HYPERLINK 2

» HYPERLINK 3

» HYPERLINK 4


» HYPERLINK 5


» HYPERLINK 1

» HYPERLINK 2

» HYPERLINK 3

» HYPERLINK 4


» HYPERLINK 5


» HYPERLINK 1

» HYPERLINK 2

» HYPERLINK 3

» HYPERLINK 4


» HYPERLINK 5










[IMG]https://finale.freesoft-board.to/images/rechts128.png[/IMG] 








[HEADING=1]Drei Bereiche[/HEADING]

Wenn du dir die anderen Beispiele angesehen hast, dann dürfte mehrspaltiges Layout 
kein Problem mehr für dich sein. Dieses Beispiel teilt sich in vier Bereiche auf: 
Die Titelleiste, die Menüs und der Inhalt
[HEADING=1]Die Titelleiste[/HEADING]


Für die Titelleiste habe ich einen <div>-Container verwendet,
da der gesamte Bereich mit einem unteren Rahmen
versehen werden soll und es mit zwei nebeneinander floatenden Elementen nicht immer möglich ist
einen lückenlosen Rahmen zu erzeugen.

Das Logo und das <h1>-Tag floaten nebeneinander, 
wie in Beispiel 4 bereits erklärt.
[HEADING=1]Die Menüs[/HEADING]

Die Menüs sind ebenfalls in <div>-Container eingefügt,
die mit den folgenden Stylesheets formatiert sind:

[HEADING=1]Drei Bereiche[/HEADING]

Wenn du dir die anderen Beispiele angesehen hast, dann dürfte mehrspaltiges Layout 
kein Problem mehr für dich sein. Dieses Beispiel teilt sich in vier Bereiche auf: 
Die Titelleiste, die Menüs und der Inhalt
[HEADING=1]Die Titelleiste[/HEADING]


Für die Titelleiste habe ich einen <div>-Container verwendet,
da der gesamte Bereich mit einem unteren Rahmen
versehen werden soll und es mit zwei nebeneinander floatenden Elementen nicht immer möglich ist
einen lückenlosen Rahmen zu erzeugen.

Das Logo und das <h1>-Tag floaten nebeneinander, 
wie in Beispiel 4 bereits erklärt.
[HEADING=1]Die Menüs[/HEADING]

Die Menüs sind ebenfalls in <div>-Container eingefügt,
die mit den folgenden Stylesheets formatiert sind:
[HEADING=1]Drei Bereiche[/HEADING]

Wenn du dir die anderen Beispiele angesehen hast, dann dürfte mehrspaltiges Layout 
kein Problem mehr für dich sein. Dieses Beispiel teilt sich in vier Bereiche auf: 
Die Titelleiste, die Menüs und der Inhalt
[HEADING=1]Die Titelleiste[/HEADING]


Für die Titelleiste habe ich einen <div>-Container verwendet,
da der gesamte Bereich mit einem unteren Rahmen
versehen werden soll und es mit zwei nebeneinander floatenden Elementen nicht immer möglich ist
einen lückenlosen Rahmen zu erzeugen.

Das Logo und das <h1>-Tag floaten nebeneinander, 
wie in Beispiel 4 bereits erklärt.
[HEADING=1]Die Menüs[/HEADING]

Die Menüs sind ebenfalls in <div>-Container eingefügt,
die mit den folgenden Stylesheets formatiert sind:



...

vereinfachte Darstellung

[LEFT]Zurück[/LEFT]

 

[Broken Sword]

Hi,
wenn du nur #content "scrollend" haben willst, dann brauchst du den Befehl

overflow:auto;

in #content und eine feste Höhe. So wird nur #content mit scroll-Balken versehen, wenn es die Höhe überschreitet.

Oder was willst du erreichen?

Gruß
Broken Sword

 

[miro]

hallo Broken Sword

danke für dein Unterstützung .
ich möchte an dem layout nichts ändern …
die Seite ist eigentlich perfekt sie hat schon einen scroll- Balken.
ich möchte mit dem vorhanden scroll Balken
nur den Inhalt der #content scrollen und der rest der Seite spricht
header und Navigarion links und rechts bleibt quasi fixed …
ich hoffe du weist jetzt was ich meine .

danke in voraus .
Gruß
miro

 

[Broken Sword]

Okay, dann lag ich ja nicht falsch
Mach das, was ich geschrieben habe (#content -> overflow:auto; + height: irgendwas)

Gruß
Broken Sword

 

[miro]

hi



ok …

ich glaube ich habs ...
ich mus nur noch kontrollieren
ich melde mich gleich ..
Danke für deine Mühe Broken Sword

Gruß
miro

hi

die Freude was etwas zu früh.

ich habe zwar durch das Padding den Scrollbalken auf die rechte Seite bekommen.
aber das ist nicht der Fenster Scrollbalken.
das heißt ich habe 2 Scrollbalken.
gibt es überhaupt eine Möglichkeit den Fenster Scrollbalken mit content Scrollbalken zu ersetzen ?


ich habe das Code oben nochmals Upgedatet

Gruß

miro

 

[Broken Sword]

Wie jetzt, du willst, dass der Scroll-Balken dort ist, wo er immer ist, aber nur #content scrollt? Da kommst du denn wirklich nur hin, wenn du alles andere position:fixed setzt.
Wobei ich nicht nachvollziehen kann, warum man so etwas will ^^

Gruß
Broken Sword

 

[miro]

hallo

das ist so …
ich habe ein layout in PS erstellt
mit 2 Menus links und rechts …
zwischen den beiden Menüs sollte eine Scrollbare Hauptfenster (content) sein.
Deswegen ist Ausgeschlossen das der Scrollbalken in derzeitiger Position ist.
Das ist nicht ganzes und nichts Halbes … wenn du weis was ich meine.
Besser, oder Optimal wäre wenn der Scrollbalken auf ganzer Länge wäre.


jetzt habe ich überlegt ob man doch den Scrollbalken der zur dem content gehört,
nicht ganz von oben machen konnte.
dann würde ich das erreichen was ich möchte. Spricht der Design der Homepage wird durch den halben Scrollbalken nicht gestört.
so habe ich auch versucht aber...
wiederum der Schrift läuft jetzt über dem Header. Sollte aber unter dem Header laufen …
ich habe auch mit z-index versucht das zu erreichen aber klappt auch nicht, zu mindestens bei mir …
ist das machbar was ich mir so ausgedacht habe???

oder welche Lösung bittet sich den so an für mein vorhaben.
ich hoffe ich habe mich richtig ausgedrückt und du kannst nachvollziehen was ich ganze zeit versuche zu machen.

Gruß und danke für deine Hilfe

Miro

 

[Broken Sword]

Wie wäre es damit, "margin-top:-180px" weg zu nehmen.
Oder meinst du etwas anders? Sry, habe leider Schwierigkeiten dir zu folgen. Wie wäre es, wenn du in Photoshop markierst, wohin du den Scrollbalken haben willst. Dann gibt es keine Missverständnisse.

Gruß
Broken Sword

 

[miro]

hallo Broken Sword

Ich habe anfangs Problem deine Info umzusetzen ...

ich bin schon bisschen verwirrt gewesen …
sorry …
Genau so wie Du schriebst , funktioniert auch so wie ich mir das vorgestellt habe !!!

Mensch … ich freue mich sehr, das Du so ein guter Programmierer und Begleiter bist …
Zum Schluss Ich bedanke mich bei Dir sehr herzlich ….

Ich wünsche Dir noch eine schöne Nacht
miro

PS

das Anfangs Code habe ich nochmals upgedatet und funktioniert prima