Gernot Back: positionierung von grafiken und text übereinander

Beitrag lesen

Hallo dtp,

da kann ich dir fast nur dasselbe raten wie tunichtgut.

Arbeite mit ineinander verschachtelten Block-Elementen und weise diesen positionierte Hintergrundbilder zu. Wenn du deine linke Navigation floaten lässt, brauchst du auch keine Tabelle:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  
  "http://www.w3.org/tr/html4/loose.dtd">  
<html>  
<head>  
<title></title>  
<style type="text/css">  
[code lang=css]  
#Menu {  
 background:url(http://dtpweb.dt.funpic.de/stuff/HP/layout/layout_07_04_small.gif) repeat-y;  
 width:250px;  
 float:left;  
}  
  
#MenuHead {  
 background:url(http://dtpweb.dt.funpic.de/stuff/HP/layout/layout_05_02.gif) no-repeat;  
}  
  
#MenuFoot {  
 background:url(http://dtpweb.dt.funpic.de/stuff/HP/layout/layout_09_06.gif) no-repeat 0 100%;  
 padding:10px 20px;  
}

</style>
</head>
<body>
<div id="Menu">
 <div id="MenuHead">
  <div id="MenuFoot">
   <ol>
    <li>Hier</li>
    <li>kannst</li>
    <li>du</li>
    <li>so</li>
    <li>viele</li>
    <li>Punkte</li>
    <li>unterbringen</li>
    <li>wie</li>
    <li>du</li>
    <li>magst!</li>
   </ol>
  </div>
 </div>
</div>
<div id="Content">Hier der Content</div>
</body>
</html>
[/code]

Gruß Gernot