Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 7 Pomógł: 0 Dołączył: 21.01.2010 Ostrzeżenie: (0%)
|
chciałbym zrobić 100% skalowany layout.
Mój plan na głowny panel z treścią wygląda tak (o menu i innych panelach nie piszę): - jeden główny div, pozycjonowany absolutnie na "procentach" względem 4 boków okna browsera. - w środku 3 lub 4 Divy z treścią.: 1. topóweczka, absolutnie przyklejona do górnego, lewego i prawego boku diva głównego: własciwośc left, right, top, na 0px. A w środku, mamy IMG z szerokością na 100% i wysokością na auto. 2. Analogicznie ze stopką, czyli spodem panelu, taki sam div tylko że zamiast top, jest ustawiona własność bottom na 0px. Teraz wszystko się ładnie skaluje w zależności od wielkości okna browsera PROBLEMEM JEST TYLKO ŚRODKOWY DIV, LUB DIVY!!!!!!!!! W środkowym divie jako tło ma być ustawiona jedna pozioma "linijka" grafiki, ale ale, powinna się skalować w poziomie w zalezności od aktualnej wielkości okna i repetować w pionie, więc wykorzystanie własności background-pic odpada, bo tego dziadostwa skalować nie można, a tylko repetować w tą i na zad :-/ Jeśli natomiast wykorzystam obrazek, w środkowym divie to wprawdzie pięknie się skaluje w poziomie ale w żeby się powielał w poziomie, to dobrze zrobić się tego nie da. Dlaczego? Po pierwsze wówczas cały środkowy div rozwali się na całego rodzica (tak nie może być bo to są PNG z przeźroczystością), zamiast ułożyć się pomiędzy górnym i dolnym, a IE wyswieli tylko jedną linie, więc nie rozciągnie go w ogóle. Czy ktoś ma jakiś pomysł aby rozwiązać problem środkowego diva, tzn: - Żeby się układał pomiędzy górnym i dolnym. - Żeby ta pozioma linijka grafiki się skalowała w poziome i rozciągała w pionie - Żeby jego wysokość ustawiała się automatycznie w zalezności od ilość tekstu. - Skoro o tekscie mowa to za cholere nie moge go wysunąć nad IMG. Teskt zamykam w SPAN i ustawiam odpowiedni z-index dla SPAN i IMG i ZAWSZE do cholery tekst jest pod spodem zamiast nad grafiką. A może da się jakoś nałożyć kolejny div z tekstem, tak aby pod spodem był div z grafiką i był przyklejony do tego tekstowego który jest nad nim. Z tymi pytaniami zwracam się do Was i wiem że nie ucieknę od Jscriptu, choćby po to aby ustawiać wielkość czcionki i marginesy w zależności od wielkości okna przeglądarki. Ps. Te CSSy są jednak do bani!!!!! PS2. JEŚLI KTOŚ OBCZAI JAK TO ZROBIĆ BEZ JS, (NIE LICZĄC OBSŁUGI TEKSTU) STAWIAM BROWAR!!!!!!!!! |
|
|
|
![]() |
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 71 Pomógł: 5 Dołączył: 7.08.2010 Ostrzeżenie: (0%)
|
Ustaw wartość czcionki i wszystkiego co potrzebujesz w %. Będzie wtedy skalowane w zależności od wielkości okna przeglądarki.
|
|
|
|
Pornolio 100%skalowany layout - panel na 3 Divach 2.09.2010, 15:41:36
pedro84 Wrzuć strukturę i CSS, bo mnie się wydaje, że masz... 2.09.2010, 15:46:52
Pornolio Już wklejam:
[HTML] pobierz, plaintext <?xml ve... 3.09.2010, 00:09:08
mortus Ten layout bynajmniej nie jest skalowalny (obrazki... 3.09.2010, 13:41:48
Pilsener Po co Ci te pozycjonowanie absolutne i te imgi? Za... 3.09.2010, 13:57:19
Pornolio Dziekuję wszystkim wujkom DOBRARADA. Takie rady to... 3.09.2010, 19:53:52
mortus Tyle, że to co zaprezentowałeś, to żadna technika,... 3.09.2010, 20:36:46
Pornolio Ok, uporządkowałem już trochę kod, to co ma być je... 4.09.2010, 00:21:29
mortus Rzeczywiście niedokładnie przeczytałem.
Poekspery... 4.09.2010, 13:04:22
Pornolio Mortus, dzięki za rzeczowe podejście. Ale chyba ni... 6.09.2010, 13:46:06 ![]() ![]() |
|
Aktualny czas: 10.06.2026 - 20:39 |