Roha: Problem Elternelement im IE nimmt er td , im NS jedoch nicht

SELF-Forum

Problem Elternelement im IE nimmt er td , im NS jedoch nicht

Roha
– Informationen zu den Bewertungsregeln

Habe folgendes problem , möchte ein div in td einer tabelle plazieren , das div ist absolut positioniert ( geht nicht anders da sonst clip nicht mehr funktioniert ) das td aber relative . folgender codeabschnitt

<td id="tr2td2" style="position:relative;width:800; height:560;">
<div id="map" style="position:absolute; top:0px; left:0px; overflow:hidden; clip:rect(0px, 800px, 560px, 0px);" onDblClick="mapcordanwahl('tr1td1')">
<img src="a.gif" width="2000" height="2000" border="0" alt="map">
</div>
</td>

warum nimmt er mir im NS td nicht als elternelement ? bin für jegliche Hilfe dankbar , anbei unten noch gesmatcode der Seite .

//--------------------- CODE--------------------------------------
<html><head>

<script src="mapjs.js" type="text/javascript"></script>
<style type="text/css">
#box { position:absolute; top:50px; left:50px; width:150px; height:150px; z-index:1;background:red; border:solid 2px blue; }
</style>

</head><body>
<table id="maintable" style="table-layout:fixed; position:relative; border:none; top:10px ; left:100px; width:840; height:600;">

<tr id="tr1">
<td id="tr1td1" style="position:relative; width:20; height:20;"></td>
<td id="tr1td2" style="position:relative; width:800; height:20; ">
<img src="pfeilobengr.gif" width="800" height="10" border="0" alt="map" onMousedown="scrollenhoch('')" onMouseUp="scrollenhochstop('')">
</td>
<td id="tr1td3" style="position:relative; width:20; height:20;"></td>
</tr>

<tr id="tr2">
<td id="tr2td1" style="width:20; height:560;">
<img src="pfeillinksgr.gif" width="10" height="80" border="0" alt="map" onMousedown="scrollenlinks('')" onMouseUp="scrollenlinksstop('')">
</td>
<td id="tr2td2" style="position:relative; width:800; height:560;">
<div id="map" style="position:absolute; top:0px; left:0px; overflow:hidden; clip:rect(0px, 800px, 560px, 0px);" onDblClick="mapcordanwahl('tr1td1')">
<img src="a.gif" width="2000" height="2000" border="0" alt="map">
</div>
</td>
<td id="tr2td3" style="position:relative; width:20; height:560;">
<img src="pfeilrechtsgr.gif" width="10" height="80" border="0" alt="map" onMousedown="scrollenrechts('')" onMouseUp="scrollenrechtsstop('')">
</td>
</tr>

<tr id="tr3">
<td id="tr3td1" style="position:relative; width:20; height:20;"></td>
<td id="tr3td2" style="position:relative; width:800; height:20; ">
<img src="pfeiluntengr.gif" width="800" height="10" border="0" alt="map" onMousedown="scrollenrunter('')" onMouseUp="scrollenrunterstop('')">
</td>
<td id="tr3td3" style="position:relative; width:20; height:20;">
</td>
</tr>

</table>
</body></html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Problem Elternelement im IE nimmt er td , im NS jedoch nicht

    Gernot Back Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Roha,

    Habe folgendes problem , möchte ein div in td einer tabelle plazieren , das div ist absolut positioniert ( geht nicht anders da sonst clip nicht mehr funktioniert ) das td aber relative .

    In standardkonformen Browsern lassen sich Tabellenzellen nicht relativ positionieren, denn damit würde man ja die ganze Tabelle kaputt machen. Wenn du absolut positionierte Elemente an einer Tabellenzelle ausrichten willst, dann schachtele in diese zunächst ein relativ-positioniertes Element, an dem wiederum du dann dein absolut positioniertes ausrichten kannst.

    Gruß Gernot

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Problem Elternelement im IE nimmt er td , im NS jedoch nicht

      rohi
      – Informationen zu den Bewertungsregeln

      ah danke , habe nun
      <td id="tr2td2" style="width:800; height:560; ">
          <div id="mapbevordiv" style="position:relative; top:0px; left:0px;">
           <div id="map" style="position:absolute; top:0px; left:0px; overflow:hidden; clip:rect(0px, 800px, 560px, 0px);" onDblClick="mapcordanwahl('tr1td1')">
              <img src="a.gif" width="2000" height="2000" border="0" alt="map">
           </div>
          </div>
         </td>

      dadurch wird mir auch im NS das div   map nicht mehr am oberen rand angezeigt , allerdings habe ich nun das problem das mir das div (id=map) das images nun auf der seite nach unten rutscht und zwar genau erst bei der hälfte der td zelle von oben beginnt . woran kann das liegen ? wird in IE und NS bei beiden soweit nach unten versetzt ?

      danke für die vorherige schnelle Antwort , weis jemand woran das liegen kann ?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Problem Elternelement im IE nimmt er td , im NS jedoch nicht

        Gernot Back Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo rohi,

        dadurch wird mir auch im NS das div   map nicht mehr am oberen rand angezeigt , allerdings habe ich nun das problem das mir das div (id=map) das images nun auf der seite nach unten rutscht und zwar genau erst bei der hälfte der td zelle von oben beginnt . woran kann das liegen ? wird in IE und NS bei beiden soweit nach unten versetzt ?

        Das wird wohl daran liegen, dass du die Tabellenzelle in ihrer Default-Einstelung belassen hast, was das vertical-align betrifft ("middle"). Stell sie mal auf "top"!

        Gruß Gernot

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln