Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> czy można zafixowac diva tylko wzgledem gornej krawedzi?
mrok
post
Post #1





Grupa: Zarejestrowani
Postów: 258
Pomógł: 17
Dołączył: 22.05.2007

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

Witam


Próbował ktoś może wygenerować coś takiego jak tutaj:
http://www.free-css-templates.com/preview/WhiteGray/
konkretnie chodzi mi o ten górny pasek z napisem FreeCSSTemplates

W powyższym przykładzie zrobione jest to na ramkach, można też na iframie, ale czy da się to zrobić tylko w oparciu o samego cssa?

Próbowałem tak
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>	
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">	
  5. 		<meta http-equiv="Content-Language" content="pl">	
  6. 	</head>
  7. <body>
  8.  
  9.  
  10.  
  11. 	<div style="width: 1600px; height: 120px; background-color: red; position:fixed;">
  12. 		test<br>
  13. 		test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test 
  14. 	</div>
  15. 	<div style="padding-top:200px;width: 1600px;">
  16. 	1<br>
  17. 	2<br>
  18. 	3<br>
  19. 	4<br>
  20. 	5<br>
  21. 	6<br>
  22. 	7<br>
  23. 	8<br>
  24. 	9<br>
  25. 	0<br>
  26. 	1<br>
  27. 	2<br>
  28. 	3<br>
  29. 	4<br>
  30. 	5<br>
  31. 	67<br>
  32. 	8<br>
  33. 	9<br>	
  34. 	1<br>
  35. 	2<br>
  36. 	3<br>
  37. 	4<br>
  38. 	5<br>
  39. 	6<br>
  40. 	7<br>
  41. 	8<br>
  42. 	9<br>
  43. 	0<br>
  44. 	1<br>
  45. 	2<br>
  46. 	3<br>
  47. 	4<br>
  48. 	5<br>
  49. 	67<br>
  50. 	8<br>
  51. 	9<br>
  52. 	test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test 
  53. 	</div>
  54.  
  55.  
  56.  
  57. </body>
  58. </html>
[HTML] pobierz, plaintext


i jeśli chodzi o scrolla pionowego to jest oki, natomiast gorzej z poziomym (ta szerokość 1600px to nie żart).

Ogólnie staram się ustawic diva na fix względem top okna przeglądarki, natomiast zmiennie względem lewego boku (aby dało się go przesówać)?
Wie ktoś czy da się??


Pozdrawiam
Go to the top of the page
+Quote Post
Shili
post
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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

Nie za bardzo rozumiem o co chodzi Ci ze scrollami. Nie chcesz miec poziomego? A to cudo musi być na 1600, czy ma po prostu być na całą stronę? I o co chodzi z przesuwaniem?

Jednak chciałabym zwrócić Ci uwagę, że jak odpalisz stronę w ie6 nie będzie tak różowo. Poszukaj o position: fixed; expressions, żeby to naprawić.

Ogólnie przesuwasz elementy z position: absolute; i position: fixed; poprzez style top, left, right i bottom. O to chodziło?

Ten post edytował Shili 1.06.2008, 19:41:23
Go to the top of the page
+Quote Post
devnul
post
Post #3





Grupa: Zarejestrowani
Postów: 1 470
Pomógł: 75
Dołączył: 21.09.2005
Skąd: że znowu

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

w podanym przykładzie to jest akurat ramka a tego co chcesz osiągnąć przy użyciu fixed się nie da, trzeba się uciec do javascript`u
Go to the top of the page
+Quote Post
mrok
post
Post #4





Grupa: Zarejestrowani
Postów: 258
Pomógł: 17
Dołączył: 22.05.2007

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

Shili
Chciałbym miec diva który:
- jeśli będe przesował stronę gora/dol to nie zmieni polozenia (czyli fixed)
- jesli bede przesowal prawo/lewo to bedzie sie zachowywal jak normalny div (tresc przy jednym brzegu sie schowa, a przy drugim pokaze)


Cytat
Jednak chciałabym zwrócić Ci uwagę, że jak odpalisz stronę w ie6 nie będzie tak różowo. Poszukaj o position: fixed; expressions, żeby to naprawić.

dzieki - na pewno sie przyda

devnul
dzieki za rade, myslalem ze sie jednak uda uciec od js.
Go to the top of the page
+Quote Post
Landon
post
Post #5





Grupa: Zarejestrowani
Postów: 83
Pomógł: 3
Dołączył: 21.04.2007
Skąd: Sosnowiec

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

a może prubowałeś:

[HTML] pobierz, plaintext 
  1. position:fixed; top:0pt; left:0pt;
[HTML] pobierz, plaintext
no i powinno dzaiałać (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) o ile dobrze zrozumiałem...

Ten post edytował Landon 6.06.2008, 16:51:24
Go to the top of the page
+Quote Post
wlamywacz
post
Post #6





Grupa: Zarejestrowani
Postów: 535
Pomógł: 27
Dołączył: 3.05.2005

Ostrzeżenie: (20%)
X----

Landon to prubowałeś (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Zadziała ale nie w gównIE, do niego trzeba hacka :/
Go to the top of the page
+Quote Post
Landon
post
Post #7





Grupa: Zarejestrowani
Postów: 83
Pomógł: 3
Dołączył: 21.04.2007
Skąd: Sosnowiec

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

Więc zostaje tylko wkładka z JS dla IE
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 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 Aktualny czas: 23.08.2025 - 07:02
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn