Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]Podział strony na 3 części
marian84
post
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.

(IMG:http://pamstudio.pl/przyklad.gif)

Ten post edytował marian84 27.05.2010, 20:36:40
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
tehaha
post
Post #2





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

Posty w temacie
- marian84   [CSS][HTML]Podział strony na 3 części   27.05.2010, 20:36:18
- - krzysztof_kf   A jak chcesz usunąć pasek przewijania przeglądarki...   27.05.2010, 20:48:03
- - r4xz   najpierw google: http://www.google.pl/search?hl=pl...   27.05.2010, 20:50:20
- - marian84   Generalnie jest tak: Dzieląc stronę procentowo: K...   27.05.2010, 22:42:30
- - krzywy36   ja bym zastosował pozycjonowanie ustalone dla tych...   27.05.2010, 22:50:03
- - r4xz   Cytatprzy pomniejszeniu okna, elementy zawarte w 2...   28.05.2010, 13:08:28
|- - marian84   Cytat(r4xz @ 28.05.2010, 14:08:28 ) m...   28.05.2010, 13:21:37
- - tehaha   a nie wystarczy Tobie, żeby te paski na sztywno pr...   28.05.2010, 13:38:35

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 5.10.2025 - 19:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn