Frage stellen
ich versuche gerade das layout meines Onlineshops meiner Hauptseite anzugleichen und habe das problem, dass ich beim einfügen eines zweiten hintergrundbilds scheitere.
das erste bild (header_pg.png) liegt im body-tag und funktioniert. Das zweite bild (header_bg2) würde ich gerne rechts vom zentralen shopbild positionieren und nach rechts auslaufen lassen, damit der shop
http://www.steirischeskuerbiskernoel.info/shop/
gleich wie die hauptseite aussieht:
http://www.nebauerhof.at/index.php?id=11
aus diversen foren haben ich gelesen, dass ich nicht 2 hintergrundbilder im body einfügen kann, sondern das zweite bild in einen DIV-Container stecken soll - nur schaffe ich es einfach nicht
kann mir jemand eine hilfestellung geben -
Codeschnipsel: CSS
--------------------------------------------------
body, div, td, th, .button, textarea, input, button, select {
font: 11px verdana;
color: #000;
}
body, #body {
background:#fff url(/theme/standard/images/page/header_bg.png) top repeat-x;
padding:0px;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
#header_bg2 {
background:#fff url (/theme/standard/images/page/header_bg2.png) ;
background-position:845px 153px;
background-repeat: repeat-x;
}
#body {
width:1035px;
min-width:1035px;
}
html, body {
}
-------------------------------------------------------------
Codeschnipsel: shop.tpl
<body id="body">
<div id="header_bg2"> </div>
<div class="body_padding">
<!-- HEADER -->
{include file="$incpath/header_footer/head.tpl"}
<!-- HEADER ENDE -->
<div id="page_main">
<div id="startcontentcontents">
<div id="header_nav">
<div class="left">{$quicknavi}</div>
<div class="right">{$langchooser}</div>
</div>
<div style="clear:both"></div>
<div id="contents_left">
<div class="leftright_content">
<div id="leftnavi">
{$shop_navigation}
{$user_login}
<!-- Warenkorb klein -->
{$basket_small}
</div>
</div>
</div>
<div id="contents_middle_shop">
<div class="shop_content">
<div class="location">{#Your_Location#} {if $headernav}<a href="index.php">{#StartLink#}</a>{#PageSep#}{$headernav}{else}<a href="index.php">{#StartLink#}</a>{/if}</div>
{$content}
</div>
</div>
<div id="contents_right">
<div class="leftright_content">
{navi id=7 tpl='navigation_re.tpl'}
{$ShopInfoPanel}
<!-- Suche -->
{$shop_search_small}
<!-- Waehrung -->
{$curreny_selector}
<!-- Topseller -->
{$small_topseller}
<br />
<!-- Grafiken Zahlunsmethoden -->
{$payment_images}
</div>
</div>
<div class="clear"></div>
</div>
{include file="$incpath/header_footer/foot.tpl"}
</div>
