wie macht man diesen Effekt?

Kiss News · Beitrag von **Kiss News** » 14.02.2007 12:25

Hallo!

Wenn man auf http://music.einnews.com/news/kiss geht und dann runterscrollt, merkt man, dass ein "Balken/Banner" oben immer mitgeht und im Bild oben "haften" bleibt.

Gibt es dafür ein javascript oder sowas? Wie macht man diesen Effekt? Habe es über den Quellcode leider nicht herausfiltern können, welcher Code genau dafür verantwortlich ist...

Hat jemand dazu mehr Info?
Danke.

Beitrag von **Pyramide** » 14.02.2007 16:00

Stichwort "position: fixed": http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm

Kiss News · Beitrag von **Kiss News** » 14.02.2007 16:36

Danke für die Info, aber bei mir habe ich nichts fixiert entdeckt bei der Beispielsseite (habe IE 7).

Aber ich denke auch nicht, dass der Bereich dort: http://music.einnews.com/news/kiss

fixiert ist, denn der "Banner" ist erst dann oben fixiert, wenn man weiter runter scrollt. Vorher ist er ganz normal irgendwo mitten auf der Seite, auch kann ich im Quelltext kein "position: fixed" entdecken...

Beitrag von **nickvergessen** » 14.02.2007 17:00

es lebe <div class=""></div>

easygo · Beitrag von **easygo** » 16.02.2007 16:40

Kiss News hat geschrieben:Danke für die Info, aber bei mir habe ich nichts fixiert entdeckt bei der Beispielsseite (habe IE 7).

Jo dann schau nochmal genau hin, weil table class="floating_menu" macht genau das :/ easy

Kiss News · Beitrag von **Kiss News** » 16.02.2007 19:58

Danke für die Info, aber ich kriege einfach nicht raus, welchen Code ich da verwenden muß...

wenn ich beispielsweise diese Werbung habe:

<script language="JavaScript" type="text/javascript">
document.write('<iframe src="http://banners.webmasterplan.com/view.a ... tion.href)+'" width="120" height="120" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></iframe>')
</script>

Also das ist der Block, den ich so haben will, wie auf der Beispielsseite, der soll irgendwo auf der Webseite sein, wenn man runterscrollt, soll er dann aber immer oben auf dem Screen "hängen bleiben", genauso wie auf der Beispielsseite.

Wie würde dann der Code aussehen, denn ich auf die Seite geben muss?

Danke!

easygo · Beitrag von **easygo** » 16.02.2007 22:03

So ne Art Quellcode-Kopie? musst du schon selber machen (und verantworten auch)

Dürfte ja nun nicht allzu schwer sein, die beiden CSS classes .floating_menu + div.toolbar bei dir
einzupflegen und das Script praktisch in genau den gleichen div Container zu werfen. easy

Ambience · Beitrag von **Ambience** » 18.02.2007 12:36

hallo, ich hab das auch versucht, leider will es nicht klappen.

weiß jemand warum?

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  </head>
  <body>
  <img src="templates/Crystal/images/logo_htn.png" width="643" height="134" alt="logo" /><br />
<img src="templates/Crystal/images/logo_htn.png" width="643" height="134" alt="logo" /><br />
<img src="templates/Crystal/images/logo_htn.png" width="643" height="134" alt="logo" /><br />
<img src="templates/Crystal/images/logo_htn.png" width="643" height="134" alt="logo" /><br /><img src="templates/Crystal/images/logo_htn.png" width="643" height="134" alt="logo" /><br />
<img src="templates/Crystal/images/logo_htn.png" width="643" height="134" alt="logo" /><br />
<img src="templates/Crystal/images/logo_htn.png" width="643" height="134" alt="logo" /><br />


<table align="right" style="z-index:50;position:fixed;">

Beitrag von **Jan500** » 18.02.2007 14:02

hi

wenn man bei der seite in den quellcode guckt, sieht man folgendes (man beachte auch die function..)
*klick*

Jan