fixed Div verschwindet bei kleiner Fenstergröße - Wrapper?

[Tibimorg]

Hallo,

ich möchte auf meiner Seite einen Textabsatz haben, der immer stehenbleiben soll auch wenn der sonstige Inhalt (horizontal) gescrollt wird. Mit einem fixed Div geht das ganz gut, aber dafür wird dieses abgeschnitten wenn das Fenster kleiner gemacht wird.
Muss man da einen Wrapper benutzen? Ich denke ich habe hier schon Beispiele gesehen, aber irgendwie steige ich nicht durch. Kann mir bitte jemand anhand meines Beispiels helfen? Danke!

http://tibimorg.ti.funpic.de/

CSS

Code: Alles auswählen

div.projektfix
   {
   position: fixed;
   text-align: left;
   margin-top: 30px;
   margin-left: 20px;
   width: 400px;
   }

HTML

Code: Alles auswählen

<div class="platzhalter">
das hier ist ein langer content der horizontal gescrollt wird.
</div>

<br><br>

<div class="projektfix">
der text hier soll stehenbleiben und bei kleinen Fenstern nicht abgeschnitten werden.
</div>


[sejuma]

Versuch mal folgendes (ungetestet):

gib .platzhalter ein

Code: Alles auswählen

position: relative;

Im HTML-Teil füge .projektfix innerhalb .platzhalter ein, also bevor du .platzhalter schließt.

Dann ersetze bei .projektfix "margin-left" durch "left" und "margin-top" durch "top".
Passe die Werte ggf. an.

[Tibimorg]

hallo, danke für deine antwort.
das funktioniert leider nicht

[Executor]

ka, also bei mir funktionierts einwandfrei.

[Tibimorg]

http://tibimorg.ti.funpic.de/

ich habe mein Beispiel auf den Server hochgeladen. Wenn ich das Fenster kleiner mache, wird der untere Text abgeschnitten, ohne dass rechts ein Scrollbalken entstehen würde.
Wenn es bei dir klappt, würde ich gerne deine htm-Seite sehen.

[djheke]

Also, vielleicht habe ich ja was verpasst, aber fixe Bereiche bleiben dort wo man sie platziert.
Wird das Fenster kleiner als die y-Position ist der Bereich weg.(Sieht man oft bei fixer Navigation)
Du könntest uns ja mal dein Konzept verraten.Im Moment weiß ich nicht was das ganze soll.

[Tibimorg]

Gibt es eine Methode, z.b. indem man sowas wie einen leeren Bereich einbaut, sodass bei kleiner Fenstergröße ein Scrollbalken rechts erscheint?
Ich möchte das Div ja gerne gefixt haben, aber wenn ich evtl. darunterliegend eine Reihe aus "br"s oder eine unsichtbares Div von 200px Höhe hätte, dann würde dieser wichtige Divtext nicht einfach unwiderbringlich verschwinden bei kleinen Auflösungen. Klar?

[Fab4guy]

ich habe das gleiche problem.

Leute die einen zu kleinen Monitor haben gerade wenn man nach untenscrollt dann fehlt bei der Box rechts die hälfte.

[Executor]

hab eben das problem erst verstanden. also ich würd sagen, das liegt an dem position: fixed; aber das brauchst du ja. ich würd einen wrapper drumlegen und gucken obs was hilft. aber ich hatte ein solches problem selbst noch nicht gehabt.

[Tibimorg]

okay, gut. Kommen wir jetzt zu meiner Frage: Wie mache ich einen Wrapper?

[djheke]

Ein sog. wrapper ist ein äußerer container, den du mit css definierst.
Kannst du dir aber schenken, denn es wird nicht funktionieren.

fixe bereiche vehalten sich so wie absolut positionierte bereiche und schweben über alle relativen
bereiche (container oder div). also, dein wrapper wird nichts davon merken, dass in ihm ein fixer bereich steckt.