Banner wil nicht an richtige Position

[marino]

Hallo zusammen,

als Kölner habe ich ausgerechnet an Rosenmontag ein riesen Problem: Auf meiner Seite Studiengang Hotelmanagement Studium - Alle Infos | www.Hotelmanagement-Studieren.de will der zweite Banner nicht 600 Pixel tiefer stehen. Ich mus zugeben, dass ich mich mit CSS nicht so optimal auskenne und daher kriege ich den Banner nicht positioniert. Der Banner mit dem blauen Rand soll oben stehen bleiben, der grüne Banner soll dadrunter stehen. Hat jemand einen Tipp für mich?

Das sind die CSS Styles, die ich nutze:

<a style="position:absolute;right:-130px;top:0;" href="http://www.ist.de/bildungsangebote/default.aspx?ContentID=99&Ad=1226"  target="_blank">

<object type="application/x-shockwave-flash"  data="http://www.hotelmanagement-studieren.de/wp-content/uploads/2010/ist-institut/ist-banner2010.swf"  width="120" height="600">
      <param name="movie"  value="http://www.hotelmanagement-studieren.de/wp-content/uploads/2010/ist-institut/ist-banner2010.swf"  />
      <param name="wmode" value="#ffffff" />
      <img  src="http://www.hotelmanagement-studieren.de/wp-content/uploads/2010/ist-institut/ist-banner2010.png"  alt="Hotelmanagement Studium IST" width="120" height="600" />
   </object>

</a>



<a style="position:absolute;right:-130px;top:600;"  href="#"  target="_blank">

<object type="application/x-shockwave-flash"  data="http://www.hotelmanagement-studieren.de/wp-content/uploads/2011/fh-badhonnef/fh-bh-hm.swf"  width="120" height="600">
      <param name="movie"  value="http://www.hotelmanagement-studieren.de/wp-content/uploads/2011/fh-badhonnef/fh-bh-hm.swf"  />
      <param name="wmode" value="#ffffff" />
      <img  src="http://www.hotelmanagement-studieren.de/wp-content/uploads/2011/angell/angell-banner.png"  alt="Hotelmanagement Studium Angell" width="120" height="600" />
   </object>

</a>

Wär toll, wenn mir jemand helfen könnte! Danke

 

[Space Vampire]

<a style="position:absolute;right:-130px;" href="http://www.ist.de/bildungsangebote/default.aspx?ContentID=99&Ad=1226"  target="_blank">

<object type="application/x-shockwave-flash"  data="http://www.hotelmanagement-studieren.de/wp-content/uploads/2010/ist-institut/ist-banner2010.swf"  width="120" height="600">
      <param name="movie"  value="http://www.hotelmanagement-studieren.de/wp-content/uploads/2010/ist-institut/ist-banner2010.swf"  />
      <param name="wmode" value="#ffffff" />
      <img  src="http://www.hotelmanagement-studieren.de/wp-content/uploads/2010/ist-institut/ist-banner2010.png"  alt="Hotelmanagement Studium IST" width="120" height="600" />
   </object>

</a>



<a style="position:absolute;right:-130px; margin-top:600px;"  href="#"  target="_blank">

<object type="application/x-shockwave-flash"  data="http://www.hotelmanagement-studieren.de/wp-content/uploads/2011/fh-badhonnef/fh-bh-hm.swf"  width="120" height="600">
      <param name="movie"  value="http://www.hotelmanagement-studieren.de/wp-content/uploads/2011/fh-badhonnef/fh-bh-hm.swf"  />
      <param name="wmode" value="#ffffff" />
      <img  src="http://www.hotelmanagement-studieren.de/wp-content/uploads/2011/angell/angell-banner.png"  alt="Hotelmanagement Studium Angell" width="120" height="600" />
   </object>

</a>

Nimm die top-Angaben raus und ersätze sie beim unteren durch margin-top: 600px;

 

[marino]

DANKE!!! Du hast mir sehr geholfen!

 

[Space Vampire]

Bitte ;)
Ich bin auch immer im Krieg mit absoluten Positionierungen.
Deswegen ferwände ich sie nur, wenn es sich nicht vermeiden lässt.
Ich bin auch nicht sicher, ob die Lösung die "eleganteste" ist, aber ich denke, sie erfüllt in diesem Fall ihren Zweck