[HTML][CSS]Problem z Divami Opcje

[MnicH.]

Witam,
mam mały problem z divami. Mam taki kod CSS:

Kod

.miasta{
   position: relative;
   left: 10%;
   top: 10px;
   width: 802px;
   height: auto;
}

.miasta_up_left{
    float: left;
    background-image: url(images/img_29.png);
    height: 25px;
    width: 15px;
}

.miasta_up_center{
    float: center;
    background-image: url(images/img_22.png);
    height: 25px;
    width: 768px;
}

.miasta_up_right{
    float: right;
    background-image: url(images/img_56.png);
    height: 25px;
    width: 15px;
}

.miasta_ce_left{
    float: left;
    background-image: url(images/img_35.png);
    height: 14px;
    width: 117px;    
}

.miasta_ce_center{
    float: center;
    background-image: url(images/img_30.png);
    height: 117px;
    width: 768px;    
}

.miasta_ce_right{
    float: right;
    background-image: url(images/img_21.png);
    height: 14px;
    width: 117px;    
}

.miasta_down_left{
    float: left;
    background-image: url(images/img_31.png);
    height: 15px;
    width: 10px;    
}

.miasta_down_center{
    float: center;
    background-image: url(images/img_33.png);
    height: 10px;
    width: 768px;    
}

.miasta_down_right{
    float: right;
    background-image: url(images/img_32.png);
    height: 14px;
    width: 10px;    
}

i tak w html

[HTML] pobierz, plaintext 
<div class="miasta">
<div class="miasta_up_left"></div><div class="miasta_up_center"></div><div class="miasta_up_right"></div>
<div class="miasta_ce_left"></div><div class="miasta_ce_center"></div><div class="miasta_ce_right"></div>
<div class="miasta_down_left"></div><div class="miasta_down_center"></div><div class="miasta_down_right"></div>
</div>
[HTML] pobierz, plaintext 

I zamiast wyswietlac mi w ukladzie:
[___up_left__][__up_center__][__up_right_]
[___ce_left__][__ce_center__][__ce_right _]
[_down_left__][_down_center][down_right_]

To wyświetla mi tak:

Co robie źle?

[wookieb]

Ech.. Za duzo pisania..
http://kurs.browsehappy.pl/Kurs/Spis
http://www.webcredible.co.uk/user-friendly...ers-boxes.shtml

[MnicH.]

Hmm... Sory za takie coś, ale czy mógłby ktoś to poprawić żeby działało?

[Lion_87]

Po pierwsze obejmujesz wszystko w #miasta width 802px a suma #miasta_ce_left #miasta_ce_center #miasta_ce_right? Policz !
Po drugie clear może Tobie pomoże.

Ten post edytował Lion_87 23.01.2009, 18:51:36

[wookieb]

Podam ci inna metode. Jak nie bedziesz w stanie jej zaimplementowac to niestety..

Kod

<div id="top_left">
<div id="top_right">
<div id="top_bg">
</div>
</div>
</div>

Kod

#top_left
{
padding-left: 10px; // szerokosc obrazka tla
background:url (obrazek_tla_lewego) no-repeat;
}

#top_right
{
padding-right: 10px;
background: url(obrazek_tla_prawego) no-repeat right;
}

#top_bg
{
background: url(obrazek_tla_glownego);
}

To chyba najlepsza metoda jaka znam i dziala wszedzie.

[black_alexis]

nie ma takiej wartości jak float: center;

jeśli już to ustaw sobie divy tak jak idą po kolei:
div1{

}
div2{

}
...
div9{

}
Nie wiem ile masz tam divów i najlepiej ustawiać sobie dla float'a wartości:
float: left; a ostatni czyli ten najbliżej prawej strony: float: right;

[div 1 float:left;][div 2 float:left;][div3 float:right;]
[div 4 float:left;][div 5 float:left;][div6 float:right;]
[div 7 float:left;][div 8 float:left;][div9 float:right;]

jeśli dalej nie kapujesz to pisz: gg6822742

pamiętaj tylko, żeby za koleją ustawiać divy...