[CSS]problem z okreslaniem wielkosci elementow Opcje

[tog]

mam taki plik CSS

[HTML] pobierz, plaintext 
 
                      /* LOGO */
div#logo {
position: relative;
top: 130px;
}
 
div.nad_logo {
height: 20px;
width: 100%;
background: url('http://ifotos.pl/img/rqrhsq.png.png');
}
 
img.logo {
position: relative;
top: -150px;
left: 150px;
}
 
div.logo_gora {
display: block;
width: 100%;
height: 42px;
background-color: b9daff;
}
 
div.logo_dol {
display: block;
width: 100%;
height: 108px;
background-color: b2d6ff;
}
 
                      /* /LOGO */
 
                      /* menu */
 
div#menu {
background: url('menu_swiatlo.png');
width: 100%;
height: 150px;
display: block;
}
 
                      /* /menu */
 
[HTML] pobierz, plaintext 

pozniej html

[HTML] pobierz, plaintext 
 
<div id="logo">
<div class="nad_logo"></div>
<div class="logo_gora"></div>
<div class="logo_dol"></div>
<img src="logo.png" class="logo">
</div>
<div id="menu">
 
</div>
 
[HTML] pobierz, plaintext 

obrazek loga to 150px; jak div w ktorym sie znajduje
wydaje mi sie, ze element div#menu powinien pojawic sie pod div#logo
a pojawia sie 20px; pod nim
jak dam do div#menu 'posiiton: relative; top: -20px;' to wyswietla tak jak chce
i jest to jakeis rozwiazanie, tylko fajnie byloby wiedziec dlaczego tak sie dziele

a tak przy okazji
to dobry sposob budowy strony ?

Ten post edytował tog 15.12.2009, 00:19:20

[seth-kk]

...tylko fajnie byloby wiedziec dlaczego tak sie dziele...

pewnie jakis margin/padding

...to dobry sposob budowy strony ?

jak dla mnie za duzo divow

[tog]

margin i padding juz probowalem
nie robi roznicy

jak juz pisze... mam jeszcze jeden problem
chce dac linki obok siebie(nie jeden pod drugim) z x odlegloscia je dzielaca
ustawienie szerokosci linku to moze nei to o co mi chodzilo ale mogloby byc
tylko wtedy linki ulozyly sie jeden pod drugim
jak dalem spacje 'nbsp' czy jak i tam... ti validator znalazl mi mase bledow przez te znaki

heh... jak zminilem na xhtml to pojawilo sie jeszcze kilak px odstepu
teraz tylko musze zgadnac ile... lub najlepiej by bylo zlikwidowac ten problem, a nie jedynie go maskowac

Ten post edytował tog 15.12.2009, 00:43:37

[athei]

Po co divom dajesz display: block, przecież to już są elementy blokowe. Usuń position:relative i ustawiaj elementy używając float jeśli trzeba aby były obok siebie, a jak już potrzebujesz position to poczytaj jak to działa.

Na przyszłość umieszczaj pliki na jakimś serwerze, żeby było widać o co chodzi.

[tog]

zmienilem nieco udowe strony
zamiast opierac elementy o siebie, gdzie pierwszy ma top-130px to dalem jeszcze jeden div z top-130px a pierwszy element bez tego
rozwiazlo to moj problem calkowicie

nie zawsze da sie uzyc float
a przynajmniej tak aby nie nadrabiac niepotrzebnym kodem