Samuel Vogel: Freiraum zwischen in einer Tabelle

Hallo Leute,

Ich hab ne Frage:

Nämlich warum auf dieser Seite unter und neben dem Logo noch ein Freiraum ist ???

Das hier ist der komplette Quellcode der Seite !!!

<html>
<head>

<title>AFE</title>

<style type="text/css">
    <!--
    div.navi {
    position: absolute;
    top: 75px;
    left: 180px;
    }
    div.main {
    position: absolute;
    top: 165px;
    left: 180px;
    }
    //-->
    </style>

</head>
<body>

<div align="center" id="navi" class="navi">

<table width="640px" bgcolor="#C0C0C0" border="0px" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="11" bgcolor="#FFFFFF" width="100%">
            <img src="<?php echo $path ?>img/logo.jpg" width="640" height="64" alt="Logo">
          </td>
        </tr>
        <tr>
          <td width="15%" style="filter:dropshadow(color=#000000, offx=1, offy=1)"><div align="center"><a href="<?php echo $path ?>pages/home.php">Home</a></div></td>
          <td width="2%"><div align="center">|</div></td>
          <td width="15%" style="filter:dropshadow(color=#000000, offx=1, offy=1)"><div align="center"><a href="<?php echo $path ?>pages/last_afe.php">Letzte AFEs</a></div></td>
          <td width="2%"><div align="center">|</div></td>
          <td width="15%" style="filter:dropshadow(color=#000000, offx=1, offy=1)"><div align="center"><a href="<?php echo $path ?>pages/images.php">Bilder</a></div></td>
          <td width="2%"><div align="center">|</div></td>
          <td width="15%" style="filter:dropshadow(color=#000000, offx=1, offy=1)"><div align="center"><a href="<?php echo $path ?>pages/videos.php">Videos</a></div></td>
          <td width="2%"><div align="center">|</div></td>
          <td width="15%" style="filter:dropshadow(color=#000000, offx=1, offy=1)"><div align="center"><a href="<?php echo $path ?>pages/anmeldung.php">Anmeldung</a></div></td>
          <td width="2%"><div align="center">|</div></td>
          <td width="15%" style="filter:dropshadow(color=#000000, offx=1, offy=1)"><div align="center"><a href="<?php echo $path ?>pages/contact.php">Contact</a></div></td>
        </tr>
      </table>

</div>

<div align="center" id="main" class="main">

<iframe src="<?php echo $path ?>inhalt.php" scroling="no" frameborder="0px" width="641" height="320" bgcolor="#FFFFFF"></iframe>

</div>

</body>
</html>

Danke schon mal für eure Hilfe !!

  1. Hallo,
    wenn man ein Bild/Text ganz oben links in der ecke haben möchte, muss der code so aussehn:

    position: relative;
        top: 0px;
        left: 0px;

    Das kann auch in <div style="...."> stehn.

    MFG
    Andavos

    --
    http://www.rpgcommunity.de/clanwissen/index.php Webdesign, PHP, Clan-Aufbau und mehr
    1. Hallo,

      wenn man ein Bild/Text ganz oben links in der ecke haben möchte, muss der code so aussehn:

      position: relative;
          top: 0px;
          left: 0px;

      Diese Deklarationen sind in den meisten Fällen absolut überflüssig. Vermutlich suchst du den Wert 'absolute'.

      Gruß,

      MI

      --
      XFrames Working Draft (Deutsche Übersetzung) : http://jendryschik.de/TR/xframes/
      Die Wissensgesellschaft : http://jendryschik.de/michael/inf/wissensgesellschaft/
      Einführung in XHTML, CSS und Webdesign: http://jendryschik.de/wsdev/einfuehrung/
      Feste Positionierung, richtig angewandt : http://jendryschik.de/wsdev/css/fixed/
      sh:( fo:) rl:( br:& br:] ' n4:& | n4:? ' ie:| va:) de:] zu:) fl:{ ss:| ls:& js:|
  2. Hallo,

    Kleiner Tipp: Schau Dir mal http://validator.w3.org/ an! Da kannst Du sehen, ob Deine Seite korrekten Quelltext enthält. Da findet man so manchen Fehler. Dir fehlt zum Beispiel der !DOCTYPE.

    Heiner

  3. Bei Dir heißt es:

    <td colspan="11" bgcolor="#FFFFFF" width="100%">
                <img src="<?php echo $path ?>img/logo.jpg" width="640" height="64" alt="Logo">
    </td>

    Ein Zeilenumbruch wird in html als Leerzeichen interpretiert. Versuche

    <td colspan="11" bgcolor="#FFFFFF" width="100%"><img src="<?php echo $path ?>img/logo.jpg" width="640" height="64" alt="Logo" /></td>

    Heiner