Struppi: Struppi, so klappts nicht :-(

Beitrag lesen

Hallo Achim

Hi Struppi,

So geht's nicht stimmt, du hast eine fixe Höhe (das ist für ein CSS Layout immer tödlich). Der einzige Weg ist ein Hintergrundbild.

background: #fff url(test.jpg) 0 50% no-repeat ;

Kannst Du mir diesen Satz genauer erklären? Was bewirkt "0 50%" genau?
Und Du weißt ja, ich weiß weder genau, wie hoch der Inhalt des oberen Teils wird, noch wie hoch das Bild im uneren Teil wird. :-(

entspricht center
http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position

Das bewirkt eine Zentrierung des Bildes.

Wobei das aber nicht ganz das ist was du wolltest, du wolltest ja das bild in Höhe von 50% des testes der Zelle:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"  
      "http://www.w3.org/TR/html4/strict.dtd">  
<HTML>  
<HEAD>  
<style type="text/css">  
#header {  
color: #000;  
text-align: center;  
vertical-align:top;  
background: #fff ;  
}  
#header div {  
border-top:1px solid black;  
background: #fff url(test.jpg) center center no-repeat ;  
height:100%;  
width:100%;  
}  
</style>  
</HEAD>  
<BODY>  
<TABLE>  
<TR>  
<TD height="800" width=200 id="header">  
<a href="#">link</a><BR>  
<a href="#">link</a><BR>  
<a href="#">link</a><BR>  
<a href="#">link</a><BR>  
<div></div>  
</TD>  
</TR>  
</TABLE>  
</BODY>  
</HTML>  

Struppi.