Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Dostosowanie strony do rozdzielczosc
#1
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.
Odpowiedz
#2
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/
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Exclamation Wyśrodkowanie strony. Rozjeżdżanie przy powiększaniu. Rozdzielczość ekranu. PROBLEM ohcs 6 3,439 24-02-2012, 16:31
Ostatni post: kornell
  [CSS]Dostosowanie CSS pod IE szabelek18 6 5,370 28-01-2011, 02:56
Ostatni post: Dhofca
At [CSS] rozdzielczość strony - pozycjonowanie i brak polskich znaków heap 1 3,399 10-05-2010, 07:25
Ostatni post: Labsta.com

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl