Nachdem mein erstes Problem gelöst werden konnte eine weitere Frage. Zunächst der HTML- Code:
<div id="wrapper">
<img src="<?php echo $this->baseurl ?>/templates/transparent_bliss_1.5/images/kopf.png" border="0"/>
<div id="glaskasten">
<div id="inhalt">
<jdoc:include type="component" />
</div>
</div>
<img src="<?php echo $this->baseurl ?>/templates/transparent_bliss_1.5/images/fuss.png" border="0"/>
</div>
Das Ganze soll ein glasähnlicher Kasten sein, die beiden Bilder sind der obere und der untere Teil des Kastens. Das div "glaskasten" hat als Hintergrund den mittleren Teil des Glaskastens (mit repeat-y).
Mein Problem ist nun folgendes: der obere und untere Teil des Glaskastens sind ziemlich hoch, deswegen habe ich probiert, den Div "inhalt" (mit dem Content der Seite) per margin höher zu ziehen. Das Problem dabei ist, dass natürlich auch der Hintergrund des Divs "glaskasten", also der Mittelteil dieses Glaskastens höher gezogen wird. Folglich überschneiden sich Mittelteil des Glaskastens und oberer Teil des Glaskastens.
Habt Ihr eine Idee, wie das Problem zu lösen ist?