Forum Debian Users Gang

HAL9000 · 2013-02-17 19:54:55

Witam
Mam 2 pytania jedno konkretne a drugie bardziej abstrakcyjne ;-)

To konkretne pytanie dotyczy tego jak uzywajac css najwygodniej ustawic 2 elementy obok siebie tak aby swobodnie mozna bylo kontrolowac wewnetrzne (padding) i zewnetrzne (margin) odleglosci itp? Float sie chyba do tego nie nadaje.
Mam to zrobic uzywajac pozycjonowania relatywnego/absolutnego i po prostu przesuwac te elementy wedlug uznania w prawo i lewo czy tez sa jakies techniki o ktorych nie wiem? (a o css nie wiem zbyt wiele, wlasciwie to zaczalem wczoraj i nic nie idzie zgodnie z moimi oczekiwaniami)
Przechodzac do konkretow mam cos takiego jak w linkach ponizej. Jakos mi to szlo (kiepsko ale zawsze) dopoki nie dotarlem do <div id="leftmenudiv"> i <div id="pagediv"> i sie pogubilem zupelnie bo cokolwiek bym nie zrobil to nie wyglada to jak tego oczekuje. Probowalem to umieszczac w kolejnym div'ie ale nic nie dziala. Ponadto po tym jak umiescilem ten dokument na republika.pl to prezentuje sie zupelnie inaczej od tego co pokazuje moj lokalny xampp.
tutaj jest obrazek jak to wyglada na lokalnym serwerze apache
http://h9k.republika.pl/divs/divs.jpg
tutaj juz jak to wyglada na serwerze republiki
http://h9k.republika.pl/divs/index.html
a tutaj css do tego
http://h9k.republika.pl/divs/layout.css

Gdyby nikt nie zrozumial o co mi chodzi w powyzszej wypowiedzi ;-) bo juz sam nie wiem co robie po tych kilku godzinach kombinowania to problem przedstawiony w skrocie.
Jak uzywajac css najlatwiej pozycjonowac elementy? Czy takie wlasciwosci jak min-width, min-height dzialaja tylko wewnatrz "skrzynek", ktore maja ustawione statyczne rozmiary itd?

Wiem, ze nikt nie bedzie mi tutaj wykladal calej teorii stad pytanie drugie:
Moze spotkal sie ktos z tutorialem(wideo lub pisanym) lub ksiazka gdzie sa wyjasnione te sprawy dotyczace pozycjonowania bo dokumentacja ze strony w3c chyba nie jest napisana dla mnie.

ps
I nie smiac sie wiem, ze to totalny chaos w tym css'ie ale tyle nerwow to juz dawno nie stracilem.
ps2
Gdyby zaszla potrzeba to umieszcze tutaj te pliki na razie chcialem po prostu oszczedzic miejsce w bazie sql serwera dug.

pink · 2013-02-17 20:11:01

http://csslayoutgenerator.com/
i responsywnie

http://webdesignerwall.com/tutorials/responsive-design-in-3-steps

http://www.htmldog.com/guides/cssadvanced/layout/

Ostatnio edytowany przez pink (2013-02-17 20:13:14)

davidoski · 2013-02-18 03:15:04

Co to znaczy, "żeby wyglądały tak jak tego oczekuję"?

Ostatnio edytowany przez davidoski (2013-02-18 03:19:05)

HAL9000 · 2013-02-18 14:54:18

Znaczy to mniej wiecej tyle ze elementy maja miec swoje miejsce w ukladzie strony (przewidywalne) a nie zachodzic jeden na drugi gdy tresc w jednym z div'ow jest krotsza od drugiego. Przykladowo to min-height mniej wiecej dziala z absolutmymi wartosciami podanymi w px pewnie rowniez w em itd ale nie z wartosciami podanymi w % i to jest wlasnie dla mnie niezrozumiale dlaczego tak sie dzieje.

pink · 2013-02-18 16:52:33

bo px i em to wartosci stale i absolutne, a % beda zalezec od wielkosci okna przegladarki, ekranu.

tak mi sie wydaje przynajmniej.

Minio · 2013-02-18 18:04:20

pink napisał(-a):
bo px i em to wartosci stale i absolutne, a % beda zalezec od wielkosci okna przegladarki, ekranu.

em jest wielkością względną. Jeden em to inaczej firet, czyli stopień pisma (z grubsza: odległość między najwyżej a najniżej położonym punktem w danym kroju, np. między górą kreseczki w Ó a dołem wydłużenia w p). O ile nie zdefiniowano inaczej, wielkość em jest dziedziczona po ustawieniach przeglądarki. A te, jak wiadomo, mogą być różne.

Pakos · 2013-02-18 18:24:10

Minio napisał(-a):
pink napisał(-a):
bo px i em to wartosci stale i absolutne, a % beda zalezec od wielkosci okna przegladarki, ekranu.
em jest wielkością względną. Jeden em to inaczej firet, czyli stopień pisma (z grubsza: odległość między najwyżej a najniżej położonym punktem w danym kroju, np. między górą kreseczki w Ó a dołem wydłużenia w p). O ile nie zdefiniowano inaczej, wielkość em jest dziedziczona po ustawieniach przeglądarki. A te, jak wiadomo, mogą być różne.

no to reset css i powinno byc takie samo na wszystkich :)

pink · 2013-02-18 19:39:46

http://www.w3schools.com/cssref/css_units.asp

http://meyerweb.com/

ja tam nie wiem, tak mi sie pomyslalo bo wydalo mi sie to sensowne,
zazpodaje tylko linki kture moga byc pomocne (przynajmniej dla mnie sa).

Ostatnio edytowany przez pink (2013-02-18 19:44:32)

Minio · 2013-02-18 19:44:56

Pakos napisał(-a):
no to reset css i powinno byc takie samo na wszystkich :)

Tylko po co używać em, jeżeli wcześniej zdefiniuje się stopień pisma w jednostkach absolutnych?
Cała istota emów polega na tym, że pozwalają one tworzyć względnie stałe układy dopasowane do ustawień wielkości pisma w przeglądarce użytkownika.

Pakos · 2013-02-19 09:41:32

Minio napisał(-a):
Pakos napisał(-a):
no to reset css i powinno byc takie samo na wszystkich :)
Tylko po co używać em, jeżeli wcześniej zdefiniuje się stopień pisma w jednostkach absolutnych?
Cała istota emów polega na tym, że pozwalają one tworzyć względnie stałe układy dopasowane do ustawień wielkości pisma w przeglądarce użytkownika.

no tak, trzeba sie na cos zdecydowac i tyle, nie mieszac.

Forum Debian Users Gang

Ogłoszenie

#1 2013-02-17 19:54:55

HAL9000 - Użytkownik

CSS Pozycjonowanie.

#2 2013-02-17 20:11:01

pink - Użytkownik

Re: CSS Pozycjonowanie.

#3 2013-02-18 03:15:04

davidoski - Użytkownik

Re: CSS Pozycjonowanie.

#4 2013-02-18 14:54:18

HAL9000 - Użytkownik

Re: CSS Pozycjonowanie.

#5 2013-02-18 16:52:33

pink - Użytkownik

Re: CSS Pozycjonowanie.

#6 2013-02-18 18:04:20

Minio - Użyszkodnik

Re: CSS Pozycjonowanie.

pink napisał(-a):

#7 2013-02-18 18:24:10

Pakos - Członek DUG

Re: CSS Pozycjonowanie.

Minio napisał(-a):

pink napisał(-a):

#8 2013-02-18 19:39:46

pink - Użytkownik

Re: CSS Pozycjonowanie.

#9 2013-02-18 19:44:56

Minio - Użyszkodnik

Re: CSS Pozycjonowanie.

Pakos napisał(-a):

#10 2013-02-19 09:41:32

Pakos - Członek DUG

Re: CSS Pozycjonowanie.

Minio napisał(-a):

Pakos napisał(-a):

Stopka forum