+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Dostosowanie strony do rozdzielczosc (/thread-dostosowanie-strony-do-rozdzielczosc)
Dostosowanie strony do rozdzielczosc - tenma - 04-12-2012
To moj pierwszy post na forum wiec witam wszystkich serdecznie!
Wiec mam problem z css. Mialem strone ustawiona w px wiec gdy rozdzielczosc byla zbyt mala to sie pojawial po prostu suwak. W takim wypadku ustawilem strone w procentach. I tutaj neistety rowniez sa problemy. Ustawilem sobie "content" w ktorym mam 3 kolumny(prawa, srodkowa i lewa) na 100%. Nastepnie dalem prawa i lewa kolumne na 16.05%(jej obramowanie jest zrobione z obrazkow wiec musialem tak ustawic) zas srodkowi dalem 53.5%. Teraz kiedy zmniejszam rozdzielczosc to wszystko sie zmniejsza tak jak planowalem ale przycina mi z prawej strony, kolumne prawa i lewa razem z tekstem i brzydko to wyglada. Sprobowalem dac min width w px na kolumny prawa i lewa ale wtedy tekst ze srodkowej kolumny nachodzi na kolumne lewa(gdyz jest w % i ignoruje min width ktore jest podane w px). Nastepnie sprobowalem po prostu dac obie kolumny w px zas srodkowa tylko w %. Ale wtedy po zmniejszeniu prawa kolumna ucieka mi pod srodkowa kolumne ;/
Ma ktos pomysl jak ustawic cala strone tak by sie po prostu zmniejszala do ustawionej rozdzielczosci?
Ewentualnie zostane przy przycinaniu kolumn a to co sie w nich znajduje po prostu ustawie na "text-align center"(sprawdzalem i nawet dziala.) z tym ze teraz znowu bedzie problem z ramka gdyz jest z obrazka. Ma ktos pomysl jak zrobic zaokraglone bordery w css? Jest to w ogole mozliwe? Znaczy chodzi mi o to ze nie chce by to wygladalo tak: "_|" tylko by prawy dol byl po prostu zaokraglony. Da sie cos takiego ustawic? Prosze o pomoc jesli ktos zna odpowiedz na moje pytania.
Pozdrawiam
Dorba odpowiedz na zaokgraglenie juz znalazlem. To jedyne pytanie to to czy da sie to jakos w % rownomiernie zmniejszac przy mniejszej rozdzielczosci.
RE: Dostosowanie strony do rozdzielczosc - Kartofelek - 04-12-2012
1) A zobacz sobie http://twitter.github.com/bootstrap/
Ogólnie:
Baaaaaardzo dużym przyjacielem dla ciebie będzie IE6 i jego idea box-model. Właściwie nie tyle IE6 co CSS box-sizing - i tego właśnie poszukaj
2) Zaokrąglone bordery? border-radius:0 0 20px 0; To ci się przyda: http://dochub.io/#css/ i pewnie to http://css3please.com/
3) Pamiętaj o responsible design. Jak wiesz zmniejszać procentowych kolumn w nieskończoność nie można. Wtedy w odpowiednim momencie musisz zmienić wygląd za pomocą media-queries css (patrz google).
4) Czytaj
http://www.onextrapixel.com/2012/11/12/how-to-use-twitter-bootstrap-to-create-a-responsive-website-design/