Positionierung eines Textes

[Tina]

Hallo Forum,
ich will auf einer Homepage immer unten rechts einen Link anzeigen. Das funktioniert auch schon fast wunderbar, ausser, dass wenn man scrollen muss, die Schrift nicht mit nach unten "wandert", sondern irgendwo in der Mitte hängt.
Unter http://www.gutachter-merzig.de könnt ihr euch die Seite ansehen. Am besten sieht man es, wenn man auf den Link "Unfall, was dann?" klick?

Geht das überhaupt, dass die Schrift immer ganz unten ist (auch wenn gescrollt wird), wenn ja wie?
Danke für jede Hilfe!
Gruß Tina

[$xNeTworKx]

Hallo,

Geht das überhaupt, dass die Schrift immer ganz unten ist (auch wenn gescrollt wird), wenn ja wie?

Nun, es funktioniert schon. Mit position:fixed, (http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position) nur gibt es genau einen Browser, der diese, schon seit Jahren bekannte Eigenschaft nicht interpretiert. Der MS IE. bedanke dich bei Microsoft dafür. Alle anderen normalen Browser können es.
Du kannst jetzt entweder einen Hack (position:absolute; top: ...px; left: ...px} #schrift[id] {position:fixed}  anweden, dass die Schrift im IE wenigstens mitscrollt (sonst würde sie irgendwo auf der Seite angezeigt werden), oder du machst mit Javascript ein Workaround.

$xNeTworKx.

[Tina]

Du kannst jetzt entweder einen Hack (position:absolute; top: ...px; left: ...px} #schrift[id] {position:fixed}  anweden, dass die Schrift im IE wenigstens mitscrollt (sonst würde sie irgendwo auf der Seite angezeigt werden)

Hallo $xNeTworKx,
danke erstmal!!

Ich versuch das dann mal mit diesem Hack (?)
Leider weiß ich nicht genau, wie das jetzt funktioniert mit diesem #schrift[id] {position:fixed} ... wo muss ich das hinschreiben?
Sorry, wenn ich mich etwas blöd anstellen ;-) wäre aber super, wenn du mir das noch sagen könntest..
Vielen Dank!

Hier mein Quelltext:

<div style="position:absolute; right:5px; bottom:5px" class="arial_klein"><a href="http://www.saar-internet.de" target="_blank">© www.saar-internet.de</a></div>

[$xNeTworKx]

Hi,
.
.
.
<style type="text/css">
#maillink {position:absolute; right:5px; bottom:5px}
#maillink[id] {position:fixed}
</style>
.
.
.
<div id="maillink"><a href="http://www.saar-internet.de" target="_blank">© www.saar-internet.de</a></div>

Wie gesagt. Das Ganze bewirkt nur, dass im IE der Link nicht irgendwo angezeigt wird, aber er scrollt im IE mit. Alle Browser, die position:fixed verstehen, sprich alle gängingen Browser außer IE, zeigen den Link immer an der gleichen Stelle an, also so wie es sein soll, selbst wenn man scrollt.

$xNeTworKx.

[Tina]

Danke,
wollte das grade ausprobieren, aber es funktioniert immer noch nicht, weißt nicht, was ich falsch mache, ich hab's genauso hingeschrieben, wie du gesagt hast:

<style type="text/css">
#maillink {position:absolute; right:5px; bottom:5px}
#maillink[id] {position:fixed}
</style>

<div id="maillink" class="arial_klein"><a href="http://www.saar-internet.de" target="_blank">© www.saar-internet.de</a></div>

Weißt du vielleicht, woran das liegen könnte?
Gruß Tina

[Hugo]

Hi Tina,

ich glaube nicht, dass $xNeTworKx,
dir eine Lösung präsentiert hat, wie man den
IE dazu bringt ein position:fixed umzusetzen.

Er hat dir lediglich eine Lösung gezeigt den Bereich
für unterschiedliche Browser zu trimmen. In anderen
Browsern ist es ja jetzt so, wie du es wolltest und
der IE zeigt es feinsäuberlich absolut positioniert
(was er auch ohnehin machen würde, denn er kennt ja
kein position:fixed).

Aber ich habe noch einen Link für dich:
http://jendryschik.de/wsdev/css/fixed/

Und tschüss,
 Hugo

[$xNeTworKx]

Hallo,

In anderen
Browsern ist es ja jetzt so, wie du es wolltest und
der IE zeigt es feinsäuberlich absolut positioniert
(was er auch ohnehin machen würde, denn er kennt ja
kein position:fixed).

Genau das wollte ich damit sagen =)

$xNeTworKx.

[Hugo]

Hi Tina,

position:fixed kann der IE nicht
und eine Lösung mit Javascript -für sowas?,
also ich weiss' nicht...

Ich würde den Link -ganz klassisch- in eine Fußzeile
reinsetzen.

Und tschüss,
 Hugo

[Siechfred]

Hi,

ich will auf einer Homepage immer unten rechts einen Link anzeigen. Das funktioniert auch schon fast wunderbar, ausser, dass wenn man scrollen muss, die Schrift nicht mit nach unten "wandert", sondern irgendwo in der Mitte hängt.

Du meinst sicher dies hier:
<div style="position:absolute; right:5px; bottom:5px" class="arial_klein">
  <a href="http://www.saar-internet.de" target="_blank">© www.saar-internet.de</a>
</div>

Geht das überhaupt, dass die Schrift immer ganz unten ist (auch wenn gescrollt wird), wenn ja wie?

Wenn du es so machst, müsste es in vernünftigen Browsern funktionieren, allerdings nicht im IE:
<div style="position:fixed; right:5px; bottom:5px" class="arial_klein">
  <a href="http://www.saar-internet.de" target="_blank">© www.saar-internet.de</a>
</div>

In neueren IE-Versionen scrollt der Link allerdings mit. In älteren Versionen (habe ich kürzlich erst hier im Forum erfahren) könnte es Probleme geben, die du aber durch sog. Conditional Comments lösen könntest (http://drweb.de/html/conditional_comments.shtml). Damit der Text auch im IE nicht mitscrollt, sondern dort stehen bleibt, wo du ihn hinhaben willst, musst du imho auf JS zurückgreifen (ich glaube die Dinger heißen "Rollover").

Viele Grüße
Torsten