sluggo: div float:left;height:100%;background-color:#000

Beitrag lesen

Hallo,

versuche mich verzweifelt an einem layout, bei welchem das Fenster vertikal auf je die Hälfte geteilt wird und sich rechts die (abweichende) Hintergrundfarbe über die gesamte Höhe erstreckt. Es funktioniert allerdings nur bis zum Kindelement des rechten divs.

Hier mein Code:

  
<body style="padding:0px;margin:0px;height:100%">  
  
<div style="float:left;width: 50%;height:100%;text-align:right;background:url('white.jpg') repeat-x">  
	<a href="index.php" alt="zum klassischen Shop"><img src="x.jpg" title="klassischer Shop" border="0"/></a>  
</div>  
<div style="float:left;width: 50%;height:100%;text-align:left;background-image:url('black.jpg');">  
	<a href="http://bla.com" alt="zum Gamer-Shop"><img src="y.jpg" title="Gamer-Shop" border="0"/></a>  
</div>  
  
</body>  

Habe inline-block probiert, auch mit Body/background-position etc. herumgespielt, aber komme zu keiner Lösung. Weiß von euch evt. wer weiter?

Ziel ist es jedenfalls, dass die Grafiken bündig (zentriert) abschließen und es für jede Grafik eine eigene Hintergrundgrafik gibt.

Vielen lieben Dank,
sluggo