Hi all! I would like to make an flexible box with image in the background. Look to this screenshot as an example: http://trash.depi.sk/irisoft.png. There is the box, with the image. I designed that this box will be divided to 3 parts: top, middle and bottom. Top for the top part - to under the "S" symbol, middle as the repeating on the Y axis middle image (if the text is longer) and the bottom image.
_The XHTML code look like this:_ <div class="ako-pokracovat-box"> <div class="ako-pokracovat-box-middle"> <h2>Ako pokračovať?</h2> <p>Presvedčili sme Vás, že sme tí praví na vytvorenie Vašej web prezentácie? Potom nás kontaktujte a my Vám pripravíme ponuku.<br /> <a href="../../../../../kontakt/ziadost-o-cenovu-ponuku/"><img alt="" src="/domain/b6/files/tlacitka/tlacitko-ponuka.png" /></a><br />Chcete si sami okamžite vytvoriť web prezentáciu? Áno, je to možné, Vytvorte si svoj biznisweb.<br /> <a href="http://www.nieco.sk";><img src="/domain/b6/files/tlacitka/tlacitko-vytvorit-web.png" alt="" /></a><br />Pokiaľ váhate, prezrite si naše referencie.<br /> <a href="http://www.nieco.sk";><img src="/domain/b6/files/tlacitka/tlacitko-referencie.png" alt="" /></a> </p> <p> </p> </div> <div class="ako-pokracovat-box-bottom"> </div> </div> _And the CSS looks this:_ .ako-pokracovat-box { float: left; width: 500px; height: 276px; background: url(../images/ako-pokracovat-box-top.png) no-repeat; } .ako-pokracovat-box-middle div { float: left; width: 500px; background: url(../images/ako-pokracovat-box-middle.gif) repeat-y; } .ako-pokracovat-box-bottom { float: left; width: 500px; height: 4px; background: url(../images/ako-pokracovat-box-bottom.png) no-repeat; } The only one problem is that the under the middle and bottom image is a big white space. What I'm doing wrong? How to annul it? Thanks for reading and helping, Erik ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
