Dave: Tabellenhöhe

Hallo,

ich habe eine Tabelle, in der ich mittels relativer-Positionierung 2 Objekte platziere.

Das eine hat eine höhe von 20px, das andere eine von 200px.

Positioniert werden diese zwei Objekte aufeinander (das eine verdeckt das andere zum teil).

Mein Problem ist, das Tabellen-Zeile, in der die Objekte sind, nun 220 px groß ist; statt wie eigentlich geplant 200px.

Wie kann ich erreichen, das die Zeile nicht um die höhe der Objekte anwächst?

MfG
Dave

  1. Wie kann ich erreichen, das die Zeile nicht um die höhe der Objekte anwächst?

    overflow:hidden; (vielleicht)

    Struppi.

    1. Wie kann ich erreichen, das die Zeile nicht um die höhe der Objekte anwächst?

      overflow:hidden; (vielleicht)

      Das verhindert leider nicht, dass die Zeile höher wird nur wenn der Inhalt überstehen würde. Ich habe quasi fast das umgekehrte Problem.

  2. hi
    hast du ein beispiel zum anschaun?

    hilft manchmal mehr ideen zu generieren

    grüsse

    1. hast du ein beispiel zum anschaun?

      Ich schicke einfach mal den ganzen HTML-Code, vieleicht ist ja was grundsätzliches falsch, kenne mich noch nicht wirklich gut aus. :)

      <HTML>
      <HEAD>
        <TITLE>Tester</TITLE>
        <LINK rel=stylesheet type="text/css" href="style.css">
      </HEAD>
      <BODY bgcolor="#FFFFFF" leftMargin=0 rightMargin=0 topMargin=0>
      <!-- Zentrierung (IN) -->
      <DIV style="position:relative; top:-15px; z-index:10;">
      <TABLE border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="table-layout:fixed;">
        <TR>
          <TD align="center" align="center" width="100%">

      <!-- Haupttabelle (IN) -->

      <TABLE width="100%" border=0 cellspacing=0 cellpadding=0>
        <TR>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
        </TR>
        <TR>
          <TD height="72" background="HGO.jpg">&nbsp;</TD>
          <TD background="HGO.jpg">
            <IMG src="Invis.gif" border="0" width="10" height="10" alt="Invis">
            <IMG src="LogoO.gif" border="0" width="180" height="72" alt="Logo">

      </TD>
          <TD background="HGO.jpg">&nbsp;</TD>
        </TR>
        <TR>
          <TD bgcolor="#FFDB94" background="HGM.jpg">&nbsp;</TD>
          <TD width="798px" bgcolor="#EAC787">
            <IMG src="Invis.gif" border="0" width="10" height="10" alt="Invis">
            <DIV style="position:relative; top:-15px; left:13px; z-index:20;">
              <IMG src="LogoU.gif" border="0" width="180" height="41" alt="Logo">
            </DIV>
      <!-- Inhalt (IN) -->
      <DIV style="position:relative; top:-56px; left:0px; z-index:10;">
      <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
       codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
       WIDTH="798" HEIGHT="200" id="Slide-01" ALIGN="">
       <PARAM NAME=movie VALUE="Slide-01.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#EAC787> <EMBED src="Slide-01.swf" quality=high wmode=transparent bgcolor=#EAC787  WIDTH="798" HEIGHT="200" NAME="Slide-01" ALIGN=""
       TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
      </OBJECT>
      </DIV>

      <DIV style="position:relative; top:-250px; left:270px; z-index:30;">
      Ich bin ein Stellvertreterzeile f&uuml;r den Text.
      <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
      Text Ende</DIV>
      <!-- Inhalt (OUT) -->
          </TD>
          <TD bgcolor="#FFDB94" background="HGM.jpg">&nbsp;</TD>
        </TR>
        <TR>
          <TD height="20" background="HGU.jpg">&nbsp;</TD>
          <TD align="center" background="HGU.jpg">
      <!-- Copyrightzeile (IN) -->
      <!-- Copyrightzeile (OUT) -->

      </TD>
          <TD background="HGU.jpg">&nbsp;</TD>
        </TR>
        <TR>
          <TD height="20">&nbsp;</TD>
          <TD>&nbsp;</TD>
          <TD>&nbsp;</TD>
        </TR>
      </TABLE>
      <!-- Haupttabelle (OUT) -->

      </TD>
        </TR>
      </TABLE>
      </DIV>
      <!-- Zentrierung (OUT) -->
      </BODY>
      </HTML>