Forum PHP.pl > czy można zafixowac diva tylko wzgledem gornej krawedzi?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: czy można zafixowac diva tylko wzgledem gornej krawedzi?

Forum PHP.pl > Forum > Po stronie przeglądarki

mrok

1.06.2008, 18:12:51

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 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>	
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">	
		<meta http-equiv="Content-Language" content="pl">	
	</head>
<body>
 
 
 
	<div style="width: 1600px; height: 120px; background-color: red; position:fixed;">
		test<br>
		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 
	</div>
	<div style="padding-top:200px;width: 1600px;">
	1<br>
	2<br>
	3<br>
	4<br>
	5<br>
	6<br>
	7<br>
	8<br>
	9<br>
	0<br>
	1<br>
	2<br>
	3<br>
	4<br>
	5<br>
	67<br>
	8<br>
	9<br>	
	1<br>
	2<br>
	3<br>
	4<br>
	5<br>
	6<br>
	7<br>
	8<br>
	9<br>
	0<br>
	1<br>
	2<br>
	3<br>
	4<br>
	5<br>
	67<br>
	8<br>
	9<br>
	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 
	</div>
 
 
 
</body>
</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

Shili

1.06.2008, 19:39:21

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?

devnul

1.06.2008, 19:51:20

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

mrok

1.06.2008, 20:41:00

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.

Landon

6.06.2008, 16:50:17

a może prubowałeś:

[HTML] pobierz, plaintext 
position:fixed; top:0pt; left:0pt;
[HTML] pobierz, plaintext

no i powinno dzaiałać

o ile dobrze zrozumiałem...

wlamywacz

7.06.2008, 07:52:37

Landon to prubowałeś

Zadziała ale nie w gównIE, do niego trzeba hacka :/

Landon

8.06.2008, 14:04:58

Więc zostaje tylko wkładka z JS dla IE

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.