nils36: Div in Tabelle

SELF-Forum

Div in Tabelle

nils36
– Informationen zu den Bewertungsregeln

Hallo zusammen,
das Layout meiner Seite wurde komplett über Tabellen realisiert.
Im Inhaltsbereich der Seite habe ich auch eine Tabelle, die aus 2 Spalten besteht. In der linken Spalte werden Grafiken angezeigt, in der rechten Spalte sind Links hinterlegt. Die Anzahl der Zeilen ist variabel und wird über ein CMS gesteuert.

Wenn der Nutzer in über die Grafik fährt, wird mit Rollover ein Div angezeigt werden, wenn die Grafik wieder verlassen wird, wird der Div wieder ausgeblendet.

Das funktioniert alles soweit, nur mit der Platzierung des Divs habe ich Probleme. Der Div soll immer rechts neben der Grafik, auf gleicher Höhe angezeigt werden.

Platziere ich den Div mit position:absolute, wird er für alle Grafiken immer an der gleiche Stelle angezeigt. Platziere ich den Div mit position:relative, zerschiesst es mit das Layout. Es sieht so aus, als würde der Div die Größe der Tabellenzelle beeinflussen.

Meine Frage: Gibt es eine Möglichkeit, den Div sozusagen über die Tabelle zu legen, so dass die Größe der Tabellenzellen nicht beeinflusst wird?

Hier ein Codebsp:
<table>
 <tr>
  <td>
    <img src="image1.jpg" onMouseOver="show div id1" onMouseOut="hide
       div id1"
    <div id="1">Dieser Div soll auf der Höhe der Grafik image1.jpg
       angezeigt werden</div>
  </td>
    <a href=......>Link1</a>
  <td>
  </td>
 </tr>
 <tr>
  <td>
    <img src="image2.jpg" onMouseOver="show div id2" onMouseOut="hide
       div id2"
    <div id="2">Dieser Div soll auf der Höhe der Grafik image2.jpg
       angezeigt werden</div>
  </td>
    <a href=......>Link2</a>
  <td>
  </td>
 </tr>
</table>

(Der Code von MouseOver/MousOut ist nur beispielhaft)

Danke
Nils

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Div in Tabelle

    bleicher Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Grüße,fass grafik und div in ein weitres div

    MFG
    bleicher

    --
    __________________________-
    Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
    Lieber bereuen gesündigt zu haben, als nicht sündigen und es später trotzdem bereuen.
    Boccaccio
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Div in Tabelle

      Nils 36
      – Informationen zu den Bewertungsregeln

      Danke für Deine Hilfe.

      Leider funktioniert das auch nicht. Ich habe einfach einen zusätzlichen div ohne weitere Angaben um die Grafik und den div gebaut. Die Tabellenspalte mit der Grafik wird immer noch zerschossen (nimmt die Breite des divs an). Der div, der angezeigt werden soll ist relative positioniert. Muss ich
      1. im umgebenden div (der der grafik und div enthält) weitere angaben machen
      2. muss ich irgendwelche float Angaben machen?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Div in Tabelle

        Harlequin
        – Informationen zu den Bewertungsregeln

        Yerf!

        Der div, der angezeigt werden soll ist relative positioniert. Muss ich

        1. im umgebenden div (der der grafik und div enthält) weitere angaben machen

        Positioniere den inneren Div absolut und gib dem umgebenden Div ein position:relativ (damit wird er zum Bezugspunkt für die innere absolute Positionierung).

        Gruß,

        Harlequin

        --
        <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln