Téma: CSS két háttér - blog.hu

sziasztok!
Bloghu-s blogomhoz készítettem egy egyedi kinézetet. Most már csak?? egy problémám maradt: van a banner, és a banner után ismétlődő háttér. ezt szeretném én CSS-ben rendesen megoldani, ami nem sikerül. Jelenleg annyit értem el, hogy a banner jó helyen jelenik meg, és sajnos a tetején, takarva a bannert jelenik meg az ismétlődő háttér. Tudnátok segíteni? a Css rész a következő:

html {
background:#608653 url('images/body-bg.jpg') no-repeat center;

}

body {
margin:0px;
padding:0px;
font-size: 12px;
font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
color: #2F2F2F;
width:770px;
position: relative;
background: transparent url('images/body-rp.jpg') position: 30% 30%;
}



#body_wrap {

}

#page {
text-align: left;
margin:0 auto;


}

#page-top {

}

#page-body {

}



#content {

line-height: 1.4em;
}

---

Hasonló témák:

• Elcsúszó div háttér
• Színátmenetes háttér
• Ismétlődő döntött háttér
• WP blog saját domainről blog.hu -ra MÁSOLÁSA. Problémás?
• Fekete háttér választás egyenlő hiba

Egy URL-t szabad kérnem,? Eléggé nehéz elképzelni a html kódot.

Szia!
Bocsi, persze!

Szóval: www[pont]csabafigyelo[pont]blog[pont]hu

Amit a Bloghu megad és enged módosítani az a következő kódrészlet:

Kód:

<blh:head_required />
<blh:body_required />

<div id="base">
<div id="base2">
<div id="header">
</div>

<div id="container"><div id="content">
<div class="spacer"></div>
<blhc:postloop>
<div class="post vis_{blh:post_visibility}" lang="{blh:post_lang}">

<div class="title"><h1><a href="{blh:post_permalink}" rel="bookmark" title="Permanent Link to {blh:post_title}"><blh:post_title /></a></h1></div><br />
<div class="date">
<blh:post_date format="Y.m.d. H:i" /> | Szerző: <blh:post_author /><br>	 </div><br>

<div class="entry">
<blh:post_content />
</div>
<div class="clear"></div>
<div class="info">
<span class="tags"><b><blh:post_comments /></b> <br><blh:post_tags /></span>&nbsp; <span></span></span>

</div>
</div>
<blh:post_feedback />
</blhc:postloop>
<div class="navigation">
<blh:pager />
</div>
<blh:nonpost />

</div>
<div id="sidebar">

<blh:rightboxes />
</div></div>

</div>
<div id="footer">
</div>
</div>
</div>
</div>
<blh:end />

Elég vadul kezeled a backgroundokat. Így a helyes:

background: [#színkód|transparent] url( ../images/file.jpg ) [no-]repeat[-x|-y] vízszintes_rendezés vertikális_rendezés;

Az lehet, hogy vadul, különböző oldalakról néztem ki.
Azóta már feladtam, újra kezdtem az alapoktól.
A végeredmény már tűrhető, a gondom "csak" a következő:

ha a böngészőablakot lekicsinyítem, akkor a banner elcsúszik. A tartalom viszont nem csúszik vele. Itt szokott bejönni az absolute meg a relative hivatkozás, de nekem most ez így nem jött össze.