14-12-2011, 15:39
Trochę namieszałeś 
Wpierw wytknięcie błędów, pojazd, a potem rozwiązanie ok?
1) stylujesz w "nazwa" czcionkę a tam przecież masz obrazek. I zastanawia mnie to relative, right. Przecież nie masz tam float:right; więc od czego chcesz to odsuwać? Użyj lepiej margin-right....
2) stylowanie nazwa w ogóle nie musi być. Ostyluj logo
3) span "slogan" zamień na div. Musisz rozróżniać co jest jakim typem tagów. DIV to blokowy typ - tak samo jak UL, P, ect. Domyślnie zajmują całą szerokość strony i sprawiają że wszstko następne umieszcza się pod nimi (logiczne prawda?). SPAN, A, STRONG ect to elementy inline - czyli jak nazwa wskazuje "w linii". Są małym wycinkiem - jakby "zakreśleniem" słowa Ale inline nie można ustawiać wymiarów. Jest jeszcze inline-block - coś pomiędzy. Najlepsza rzecz na świecie poza cycuszkami szlachcianki. Ale IE do wersji 8 źle to obsługuje, chociaż bardzo łatwo mu wyjaśnić co robi źle (dodajemy *display:inline - ale o tym w google)
Elementy inline nie powinny mieć w sobie elementów blokowych (czyli div w span) - tak jak to jest u ciebie
To taka gramatyka której się naucz.
Jeżeli chcesz uniknąć zwężania elementów, okryj je jakimś elementem blokowym (div) i daj mu szerokość np 960px. Dzięki temu jak gość zmniejszy poniżej tej szerokości to nic ci się nie rozwali.
No i popraw to relative, bo u ciebie raczej to nie potrzebne. Chociaż z samego kodu ciężko wyczaić co chciałeś osiągnąć.
Wpierw wytknięcie błędów, pojazd, a potem rozwiązanie ok?
1) stylujesz w "nazwa" czcionkę a tam przecież masz obrazek. I zastanawia mnie to relative, right. Przecież nie masz tam float:right; więc od czego chcesz to odsuwać? Użyj lepiej margin-right....
2) stylowanie nazwa w ogóle nie musi być. Ostyluj logo
3) span "slogan" zamień na div. Musisz rozróżniać co jest jakim typem tagów. DIV to blokowy typ - tak samo jak UL, P, ect. Domyślnie zajmują całą szerokość strony i sprawiają że wszstko następne umieszcza się pod nimi (logiczne prawda?). SPAN, A, STRONG ect to elementy inline - czyli jak nazwa wskazuje "w linii". Są małym wycinkiem - jakby "zakreśleniem" słowa
Ale inline nie można ustawiać wymiarów. Jest jeszcze inline-block - coś pomiędzy. Najlepsza rzecz na świecie poza cycuszkami szlachcianki. Ale IE do wersji 8 źle to obsługuje, chociaż bardzo łatwo mu wyjaśnić co robi źle (dodajemy *display:inline - ale o tym w google)Elementy inline nie powinny mieć w sobie elementów blokowych (czyli div w span) - tak jak to jest u ciebie
To taka gramatyka której się naucz.Jeżeli chcesz uniknąć zwężania elementów, okryj je jakimś elementem blokowym (div) i daj mu szerokość np 960px. Dzięki temu jak gość zmniejszy poniżej tej szerokości to nic ci się nie rozwali.
No i popraw to relative, bo u ciebie raczej to nie potrzebne. Chociaż z samego kodu ciężko wyczaić co chciałeś osiągnąć.
