Christoph Ruhnke: Positionierung von divs

Beitrag lesen

Hallo Olli,

also gut, keine Imagemaps. Bin davon ausgegangen, daß Du 2 Bilder hast, "links.jpg" und "rechts.jpg". Ggf. die Größen in den img-Tgas an Deine Bildgrößen anpassen.

Im IE6 wird alles richtig dargestellt, ein _dehnen_ ist möglich und es zereißt auch die Grafik nicht.

CU Christoph

Hier der Code:
<html>
 <head>
  <title>Title</title>
  <style type="text/css">
   body{background-color:#ffffff;color:#000000;font-family:arial;}
   div{font-size:14px;}
   span{font-size:14px;}
   a:link{color:black;text-decoration:none;}
   a:visited{color:black;text-decoration:none;}
   a:active{color:black;text-decoration:none;}
  </style>
 </head>
 <body>

<table border=0 width=100%>
   <tr>
    <td align="left" valign="top" width="50%">
     <img src="links.jpg" width="290" height="118" style="position:relative;left:0;top:0;">
     <div style="position:relative;left:195;top:-90;"><a href="#station">Stadionblatt</a></div>
     <div style="position:relative;left:175;top:-84;"><a href="#fan">Fanseite</a></div>
     <div style="position:relative;left:155;top:-78;"><a href="#chronik">Chronik</a></div>
    </td>
    <td align="right" valign="top" width="50%">
     <span><a href="#verein">Verein</a></span>
     <span><a href="#saison">Saison</a></span>
     <span><a href="#sonstiges">Sonstiges</a></span><br>
     <img src="rechts.jpg" width="176" height="105">
    </td>
   </tr>
  <table>

</body>
</html>