Florian: Layout mit Bild am unteren Rand

Beitrag lesen

SELF-Forum

Layout mit Bild am unteren Rand

Florian
– Informationen zu den Bewertungsregeln

Hi,
hab ein kleines Problem mit dem Layout bzw. Hintergrund meiner Seite.
Der Hintergrund ist ein Farbverlauf. Dazu hatte ich einfach einen 1px breiten Streifen mit dem Farbverlauf mit repeat-x als Hintergrund gesetzt. Ich möchte allerdings, dass der Verlauf auch bei kleinen Auflösungen/Fenstergrößen ganz angezeigt wird, also dass er in der Höhe verkleinert wird.
2tes Problem: Unten am Fensterrand sollte immer ein weiteres Bild angezeigt werden.
Ich habe es bereits mit einem Table-Layout versucht. Ja ich weiß das, das nicht besonders gut ist, aber ich weiß einfach nicht wie ich das mit reinem CSS realisieren soll. Hat übrigens auch nicht funktioniert. Das Bild schwebte nach wie vor unberührt unter dem Text herum.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">  
	...  
	<body>  
		<table height="100%">  
		<tr><td>  
			<div id="header">  
				...  
			</div>  
			<div id="content">  
				...  
			</div>  
		</td></tr>  
		<tr><td height="100px">  
			<div id="foot">  
				<img src="foot.png">  
			</div>  
		</td></tr>  
		</table>  
	</body>  
</html>

Könnt ihr mir sagen, was ich falsch mache, bzw. wie ich das mit CSS umsetzen kann.

Danke schonmal

mfg Florian

Beitrag melden
–
Informationen zu den Bewertungsregeln