[css][html] problem z boxem Opcje

[s5ad0w]

Cześć
Przy tworzeniu strony natknąłem się na mały problem. Jeżeli ktoś byłby tak miły i wspomógł radą jak go rozwiązać, byłbym bardzo wdzięczny.

Oto wpsomniany problem:

Chciałbym zrobic box'a na kategorie. Od strony graficznej na box składaja się 3 grafiki - pasek górny, srodkowy pasek - który jest rozszerzany - oraz pasek dolny. Pasek górny i dolny mają sztywne rozmiary. W boxie ma znajdować się lista z kategoriami .
Moim problemem jest jak sprawić aby zawartość listy znajdowała się w jednym div, a nie kilku i wypelniala obszar boxa od samej góry. Przy wszystkich próbach jakie podejmowałem albo div'y na siebie nachodzily i efekt wizualny psuł się albo lista znajdowała się na środku - co również nie było miłe dla oka.

[HTML] pobierz, plaintext 
<div class="box">
                    <div class="bel">
                        <div class="bel-left"> </div>
                        <div class="bel-center"> 
                            <h2>Kategorie</h2>
                        </div>
                        <div class="bel-right"></div> 
                    </div>
 
                    <div class="under-bel-box">
                        <div class="box-top"></div>
                        <div class="box-center">
                            <ul>
                                <li> <a href="#">kategoria 1</a></li>
                                <li> <a href="#">kategoria 2</a></li>                                
                        </ul>
 
                        </div>
                        <div class="box-bottom"></div>
                    </div>
                </div>
[HTML] pobierz, plaintext 

CSS
/* grafika do box */
div.box-top
{
width: 211px;
height: 65px;
background-image: url('../img/top_box.png');
}

div.box-center
{
width: 211px;
height: 58px;
background-image: url('../img/sr_box.png');
}
div.box-bottom
{
width: 211px;
height: 57px;
background-image: url('../img/bottom_box.png');
}

/* div do boxa*/
div.under-bel-box
{
margin: -32px auto 20px;
width: 211px;
}




Ten post edytował s5ad0w 10.02.2012, 09:51:46

[wNogachSpisz]

grid960. Amen.