Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> dopasowanie wysokosci
hmmm
post 20.02.2005, 11:22:33
Post #1





Grupa: Zarejestrowani
Postów: 247
Pomógł: 0
Dołączył: 4.01.2005

Ostrzeżenie: (0%)
-----

podobny temat zamiescilem juz na podforum html/xhtml, no ale odeslano mnie tutaj w celu poszukiwan, ktore jednak zakonczyly sie fiaskiem.

mam cos takiego:
ramka zewnetrzna, a w niej trzy poziome <div>: gora, srodek i dol.
gora i dol, maja okresolna, stala wysokosc, natomiast chcialbym, zeby srodek zawsze dopasowywal sie tak, by calosc stanowila 100%.
jak to zrobic?
Go to the top of the page
+Quote Post
cim
post 20.02.2005, 17:08:47
Post #2





Grupa: Zarejestrowani
Postów: 208
Pomógł: 28
Dołączył: 9.08.2004
Skąd: Stargard

Ostrzeżenie: (0%)
-----

nie do końca rozumiem... sad.gif
ale skleciłem coś takiego - może pomoże

[HTML] pobierz, plaintext 
  1. <table style="width: 300px; height: 400px;">
  2. <tr>
  3. <td style="width: 300px; height: 400px; background-color: red; vertical-align: top;">
  4.  
  5. <div style="height: 100px; background-color: gray;">gora</div>
  6. <div style="height: 100%; background-color: silver;">srodek</div>
  7. <div style="height: 100px; background-color: gray;">dol</div>
  8.  
  9. </td>
  10. </tr>
  11. </table>
[HTML] pobierz, plaintext


--------------------
errare humanum est
Go to the top of the page
+Quote Post
hmmm
post 20.02.2005, 18:10:05
Post #3





Grupa: Zarejestrowani
Postów: 247
Pomógł: 0
Dołączył: 4.01.2005

Ostrzeżenie: (0%)
-----

@cim, no niestety. nie o to mi chodzilo, a poza tym - nie dziala nawet to, co chyba ty chciales osiagnac - nie widac dolu, co srodek go przykrywa.

mi chodzi o cos takiego:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5.  
  6. <div id="ramka">
  7.  
  8. 	<div id="gora">
  9. 	gora
  10. 	</div>
  11.  
  12. 	<div id="srodek">
  13. 	srodek
  14. 	</div>
  15.  
  16. 	<div id="dol">
  17. 	dol
  18. 	</div>
  19.  
  20. </div>
  21.  
  22. </body>
  23. </html>
[HTML] pobierz, plaintext
prosze tylko nie zwracac uwagi na cos takiego, jak brak deklaracji, ale chcialem zobrazowac.

gora i dol maja okreslona wysokosc - iles tam px. natomiast srodek zawsze ma sie dopasowywac tak, zeby calosc stanowila 100% wysokosci, bez wzgledu na rozdzielczosc.

:D

piszac to wpadlem na pomysl - za pomoca js sprawdzam rozdzielczosc i zapisuje wysokosc w jakiejs zmiennej. potem przy pomocy np. php obliczam wysokosc srodka odejmujac od wysokosci wartosci gory i dolu.
w ten sposob zawsze bede mial 100% :]

co wy na to? dobry pomysl?
czekam na opinie i inne pomysly.
Go to the top of the page
+Quote Post
Yarecki
post 20.02.2005, 18:25:56
Post #4





Grupa: Zarejestrowani
Postów: 166
Pomógł: 0
Dołączył: 1.04.2004
Skąd: Gdynia

Ostrzeżenie: (0%)
-----

Na http://zeldman.com/ prawy panel (zielony) jest rozciagniety tak jak chcesz. Teraz tylko musisz sprawdzić jak to Zeldman osiągnął.

BTW. Może ustaw z-index'y i skożystaj z rozwiązania cim.


--------------------
Nigdy nie kłóć się z głupim, ludzie mogą nie dostrzec różnicy.
Go to the top of the page
+Quote Post
hmmm
post 20.02.2005, 19:12:36
Post #5





Grupa: Zarejestrowani
Postów: 247
Pomógł: 0
Dołączył: 4.01.2005

Ostrzeżenie: (0%)
-----

tzn z rozwiazania @cim chyba nie moge skorzystac - tak mi sie wydaje, bo nawet ustawienie z-index nie da mi oczekiwanego efektu. bo tam jest przeciez czesc srodkowa z okreslona wysokoscia, wprawdzie w procentach, ale jezeli dam 100% a potem dla dolu utawie z-index, zeby bylo na wierzchu, to zakryje mi z kolei jakas czesc srodka :/
poza tym chce, zeby to moglo sie potam rozciagnac, jezeli w srodku bedzie wiecej tresci - tak, zeby mozna bylo przewijac.
nie chce miec dolu zawsze widocznego.
a do podanego przez ciebie linku zaraz spojrze, dzieki.

edit:
przyklad dobry, ale nie wiem, jak cos takiego osiagnac.
odnosnie mojego pomyslu - zly tongue.gif

Ten post edytował hmmm 20.02.2005, 20:03:37
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 12.07.2025 - 17:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn