 problem z wysokoscia div-a |
| problem z wysokoscia div-a |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 560 Pomógł: 0 Dołączył: 15.07.2003 Skąd: Kwidzyn Ostrzeżenie: (0%) 
 |
moze najpierw rysunek (IMG:http://forum.php.pl/style_emoticons/default/aarambo.gif)
(IMG:http://81.190.191.68/~misiek/lay.gif) mam sobie lay, top stopka i 3 kolumny, kolumna 1 to glowna kolumna z trescia, w kolumna 2 jest menu a kolumna 3 ma tylko w tle gifa (element ozdobny) i teraz robisie taki manewr ze powstaja schody, tzn divy "dochodz" tylko tam gdzie jest jaks tresc, lub jak sztuznie podam im wysokosc, chodzi mi o to aby ich wysokosci byly takie same. Jesli w kolumnie 1 jest 100 linijek textu to zeby pozostale kolumny tez mialy takoa dlugosc jak ta z trescia a nie konczyly sie tam gdzie konczy sie ich zawartosc probowalem z height: 100% ale nic to nie dalo (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) jako potrzeba to dam kod i CSS-a OK ------------------------------ Szukajac rozwiazania natrafilem na cos takiego: Kod <script type="text/javascript"> function setWys() { document.getElementById('kolumna2').style.height = document.getElementById('kolumna1').offsetHeight +'px'; document.getElementById('kolumna3').style.height = document.getElementById('kolumna1').offsetHeight +'px'; } </script> w <body> trzeba jeszcze dac onload="setWys()" no i wstepnie dziala ale onload jest chyba niezgodny z XHTML?!?! jesli sie myle to prosze mnie poprawic a jesli nie to jak to rozwiazac wtedy? (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Ten post edytował Kinool 10.08.2005, 23:20:07 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Przyjaciele php.pl Postów: 2 258 Pomógł: 16 Dołączył: 21.09.2004 Skąd: Kielce Ostrzeżenie: (0%)
|
Daj jako tło kontenera zwierającego te 3 divy obrazek o wysokości 1px i szerokości tych 3 divów.
Problem poruszany już parę razy na forum. Opisany dokładnie tu |
|
|
|
|
Post
#3
|
|
|
Grupa: Przyjaciele php.pl Postów: 7 494 Pomógł: 302 Dołączył: 31.03.2004 Ostrzeżenie: (0%)
|
Cytat(revyag @ 2005-08-11 09:05:38) Daj jako tło kontenera zwierającego te 3 divy obrazek o wysokości 1px i szerokości tych 3 divów. To nie jest rozwiązanie, to obejście problemu. I to na dodatek mało eleganckie. Dla mnie podstawowe pytanie brzmi: Jak sprawić żeby div zajmował (na wysokość) całą dostępną powierzchnię? Przede wszystkim kiedy rodzic nie ma zadeklerowanej tej wielkości i jest ona zmienna. Jak sprawić żeby się domyślnie rozszerzał? Chętnie poznam odpowiedź. Cytat(revyag @ 2005-08-11 09:05:38) Problem poruszany już parę razy na forum. Poruszany owszem. Ostateczne rozwiązanie dotychczas nie padło. Sam szukałem rozwiązania i pytałęm na forum: tutaj ale nikt mi nie odpowiedział na ten problem. |
|
|
|
|
Post
#4
|
|
|
Grupa: Przyjaciele php.pl Postów: 2 258 Pomógł: 16 Dołączył: 21.09.2004 Skąd: Kielce Ostrzeżenie: (0%)
|
Może ten topic coś wniesie do tematu:
http://forum.php.pl/index.php?showtopic=33460&hl= |
|
|
|
|
Post
#5
|
|
|
Grupa: Przyjaciele php.pl Postów: 7 494 Pomógł: 302 Dołączył: 31.03.2004 Ostrzeżenie: (0%)
|
Cytat(revyag @ 2005-08-11 11:48:42) Może ten topic coś wniesie do tematu: http://forum.php.pl/index.php?showtopic=33460&hl= No właśnie tam występuje ten sam problem. Jak ustawić div'owi o id content żeby rozszerzał się domyślnie w dół. |
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 85 Pomógł: 0 Dołączył: 15.07.2005 Ostrzeżenie: (0%)
|
nie wiem czy to komus pomoze ale u mnie dziala calkiem niezle w mozillach takie oto ustawienie (najdluzsza kolumna wyznacza dlugosc strony dla kontenera zawierajacego w moim przypadku 3 kolumny)
kontener nadrzedny jako jedna z wlasciwosci ma ustawione: Cytat display: table; co spowodowalo w firefoxie ladne wyrownanie kolumn na wysokosc (tlo brane z kolumn a nie z kontenera nadrzednego) kontener glowny-nadrzedny div, a w nim 3 div'y o stalej szerokosci ustawione na float left wszystko pozycjonowane wzglednie i jak zwieksza sie ilosc tresci to rozszerzaja sie w pionie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) sorki za ciutke metny opis mam nadzieje ze teraz jest bardziej zrozumialy (sen pomaga (IMG:http://forum.php.pl/style_emoticons/default/sleepysmiley03.gif) ) Ten post edytował popo 12.08.2005, 05:18:44 |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 19.08.2005 Ostrzeżenie: (0%)
|
Ja bym nie był taki pewien, że używanie jednopikselowego obrazka o szerokości trzech div'ów jako tła jest jakimś nieeleganckim obejściem problemu...
Uważam, że używanie Kod display: table lub innych tego typu sposobów jest bardziej nieeleganckim obchodzeniem problemu niż wykorzystanie szerokiego tła...Na potwierdzenie przytoczę parę przykładów osób-autorytetów w dziedzinie tworzenia stron internetowych, którzy używają właśnie tej techniki na swoich stronach:Można by tu jeszcze wymieniać dużo, bo prawdę mówiąc większość z tej "elity" web designerów używa właśnie tej techniki. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Pozdrawiam! Ten post edytował delu 19.08.2005, 12:02:39 |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 11 Pomógł: 0 Dołączył: 2.08.2005 Ostrzeżenie: (0%)
|
|
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 19.08.2005 Ostrzeżenie: (0%)
|
Właśnie chodzi o to, że wysokość poszczególnych kolumn nie jest znana. Ty wpisałeś od razu, że wysokość wynosi 500px, a tego nie wiemy w większości przypadków:
Kod div#calosc {
height: 500px; } |
|
|
|
|
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 11 Pomógł: 0 Dołączył: 2.08.2005 Ostrzeżenie: (0%)
|
to:
Kod div#calosc { height: 500px fixed; } pisze w "ciemno" bo niesprawdzalem |
|
|
|
|
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 85 Pomógł: 0 Dołączył: 15.07.2005 Ostrzeżenie: (0%)
|
@ delu
to z szerokim tlem to jest dobre tylko jak masz na sztywno szerokosc kolumn zafixowana. jesli masz laya typu fluid, czyli szerokosci kolumn sa procentowo do wielkosci okna to kicha, ale w przypadku statycznych i na sztywno zdefiniowanych kolumn metoda z tlem moze byc (osobiscie unikam projektowania stron ktore maja szerokosci kolum zafixowane na stala ilosc pixeli - wole zeby na 640x480 i 1024x768 strona wygladala podobnie, tylko tekst w kolumnach inaczej sie ulozy) |
|
|
|
|
Post
#12
|
|
|
Grupa: Przyjaciele php.pl Postów: 2 258 Pomógł: 16 Dołączył: 21.09.2004 Skąd: Kielce Ostrzeżenie: (0%)
|
Cytat wole zeby na 640x480 i 1024x768 strona wygladala podobnie Chyba przesadzasz. 640x480 ? Wątpię żeby ktoś oglądał strony w takiej rozdzielczości, chyba tylko jacyś masochiści (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif) |
|
|
|
|
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 85 Pomógł: 0 Dołączył: 15.07.2005 Ostrzeżenie: (0%)
|
niestety sa tacy (statystyki wskazuja ze okolo 10% ludkow na jednym z serwisow ktore wykonalem wlazi nan wlasnie w takiej rozdzialce)
edit niestety do tej mniejszosci zalicza sie szef firmy dla ktorej to robilem ==; Ten post edytował popo 22.08.2005, 17:17:51 |
|
|
|
|
Post
#14
|
|
|
Grupa: Przyjaciele php.pl Postów: 7 494 Pomógł: 302 Dołączył: 31.03.2004 Ostrzeżenie: (0%)
|
Ranking.pl -> Rozdzielczośći -> Wszyscy użytkownicy mówi nam, że 640 x 480 używa tylko 0,3% użytkowników sieci.
Może zrobiłeś portal dla jakiejś niszowej społeczności. Ale nie powinieneś się tym sugerować. Ten post edytował mike_mech 22.08.2005, 15:41:19 |
|
|
|
 |
|
Aktualny czas: 22.08.2025 - 21:59 |
