Axel Richter: Positionierung top und bottom innerhalb eines div-Elements

Beitrag lesen

Hallo,

Deine Ausführungen zum Problem haben mich verunsichert und ich möchte Dich fragen, wie würdest Du diesen Bildschirm lösen:

Ich würde ihn eben nicht lösen;-)). Allerdings verdiene ich mein Geld nicht damit sowas zu lösen.

_________________________________
 Verweis1 |                                |
 Verweis2 |                                |
 Verweis3 |  Datentabelle mit 3 Spalten    |
 Verweis4 |                                |
          |            und                 |
          |                                |
  _______ |                                |
 |       ||            ca.                 |
 |       ||                                |
 | Bild  ||                                |
 |       ||         15 Zeilen              |
 |       ||                                |
 |       ||                                |
 |_______||________________________________|

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Layout</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body style="position:relative; border:1px blue solid;">
  <ul style="float:left; width:100px; padding-left:20px; margin:0;">
   <li>Verweis</li>
   <li>Verweis</li>
   <li>Verweis</li>
   <li>Verweis</li>
  </ul>
  <table border="1" style="float:left; width:600px;">
   <tr>
    <th>Feld1</th>
    <th>Feld2</th>
    <th>Feld3</th>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
   <tr>
    <td>Zelle1</td>
    <td>Zelle2</td>
    <td>Zelle3</td>
   </tr>
  </table>
  <p style="clear:left; margin:0; padding:0;"><img src="bilder/home.gif" style="position:absolute; border:1px green solid; bottom:0px; width:100px; height:150px;" alt="Bild"></p>
</body>
</html>

Die Positionierung des Bildes ist nicht optimal. Es steht, wenn wenig Platz ist, über anderen Elementen. Das würde mich dazu bringen doch eine Gesamttabelle zu verwenden.

viele Grüße

Axel