Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML]Podział strony na 3 części
marian84
post 27.05.2010, 20:36:18
Post #1





Grupa: Zarejestrowani
Postów: 185
Pomógł: 10
Dołączył: 29.01.2008

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

Mam mały problem z podziałem strony na 3 części w poziomie.

Pierwszy pas wysokości 40px.
Drugi ze scrollem.
Trzeci na samym dole również o wysokości 40px.

Niezależnie od wielkości okna chciałbym by pojawiał się tylko jeden scroll.

Wygląd tak jak na obrazku.



Ten post edytował marian84 27.05.2010, 20:36:40
Go to the top of the page
+Quote Post
krzysztof_kf
post 27.05.2010, 20:48:03
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

A jak chcesz usunąć pasek przewijania przeglądarki ?
Go to the top of the page
+Quote Post
r4xz
post 27.05.2010, 20:50:20
Post #3





Grupa: Zarejestrowani
Postów: 673
Pomógł: 106
Dołączył: 31.12.2008

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

najpierw google: http://www.google.pl/search?hl=pl&clie...q=&gs_rfai=
http://www.w3schools.com/css/pr_pos_overflow.asp
http://mozillapl.org/forum/viewtopic.php?f...584&start=0
poniżej odp. na pytanie

overflow-y: scroll;

Ten post edytował r4xz 27.05.2010, 20:51:19


--------------------
GitHub
Go to the top of the page
+Quote Post
marian84
post 27.05.2010, 22:42:30
Post #4





Grupa: Zarejestrowani
Postów: 185
Pomógł: 10
Dołączył: 29.01.2008

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

Generalnie jest tak:
Dzieląc stronę procentowo:

Kod
<div style="height:10%; width:100%">JAKIES ELEMENTY (np. obrazki)</div>
<div style="height:80%; width:100%; overflow:auto">BARDZO DUZO ELEMENTOW KTORE TRZEBA PRZEWIJAC</div>
<div style="height:10%; width:100%">JAKIES ELEMENTY (np. obrazki)</div>


Cytat
A jak chcesz usunąć pasek przewijania przeglądarki ?


W/w przyklad nie wyswietla paska przewijania przegladarki.

Wszystko jest prawie gitara, z tym, że przy pomniejszeniu okna, elementy zawarte w 2 skrajnych paskach, ktore maja po 10% wysokosci staja sie nizsze niz elementy w nich zawarte.
Chodzi o to, że skrajne pasy maja byc zawsze w tym samym miejscu a przewijany tylko srodkowy.

Ten post edytował marian84 27.05.2010, 22:43:32
Go to the top of the page
+Quote Post
krzywy36
post 27.05.2010, 22:50:03
Post #5





Grupa: Zarejestrowani
Postów: 370
Pomógł: 43
Dołączył: 1.12.2007
Skąd: Kędzierzyn Koźle

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

ja bym zastosował pozycjonowanie ustalone dla tych paskow na gorze i na dole a dla diva w srodku ustawil margin/padding, top/bottom wielkosci wlasnie tych paskow, nie jestem pewien czy zadziała tak jak trzeba ale zawsze jakiś pomysł ;>


--------------------
pretty as a shit.
Go to the top of the page
+Quote Post
r4xz
post 28.05.2010, 13:08:28
Post #6





Grupa: Zarejestrowani
Postów: 673
Pomógł: 106
Dołączył: 31.12.2008

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

Cytat
przy pomniejszeniu okna, elementy zawarte w 2 skrajnych paskach, ktore maja po 10% wysokosci staja sie nizsze niz elementy w nich zawarte.


matematyka się kłania sciana.gif
masz okno np. 1000x700
zmniejszasz do 500x200
i weź teraz po 10% z jednego i drugiego i masz odp. na swój problem "wysokosci staja sie nizsze niz elementy w nich zawarte"


--------------------
GitHub
Go to the top of the page
+Quote Post
marian84
post 28.05.2010, 13:21:37
Post #7





Grupa: Zarejestrowani
Postów: 185
Pomógł: 10
Dołączył: 29.01.2008

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

Cytat(r4xz @ 28.05.2010, 14:08:28 ) *
matematyka się kłania sciana.gif
masz okno np. 1000x700
zmniejszasz do 500x200
i weź teraz po 10% z jednego i drugiego i masz odp. na swój problem "wysokosci staja sie nizsze niz elementy w nich zawarte"


Z matematyka problemow raczej nie mam. Wiem czemu się tak zachowuje ale nie wiem jak zrobić żeby było dobrze.
Go to the top of the page
+Quote Post
tehaha
post 28.05.2010, 13:38:35
Post #8





Grupa: Zarejestrowani
Postów: 1 748
Pomógł: 388
Dołączył: 21.08.2009
Skąd: Gdynia

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

a nie wystarczy Tobie, żeby te paski na sztywno przypiąć i używać tylko scrolla z przeglądarki? Chodzi mi o takie coś:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style>
  7. #top{
  8. width:100%;
  9. height:40px;
  10. background:#0066FF;
  11. position:fixed;
  12. top:0;
  13. }
  14. #middle{
  15. width:100%;
  16. margin-top:40px;
  17. float:left;
  18. height:2000px;
  19. background:#00FF33;
  20. }
  21. #bottom{
  22. width:100%;
  23. height:40px;
  24. background:#0066FF;
  25. position:fixed;
  26. bottom:0;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div id="top">
  32. </div>
  33. <div id="middle">
  34. </div>
  35. <div id="bottom">
  36. </div>
  37. </body>
  38. </html>
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: 25.04.2025 - 07:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn