Forum PHP.pl > [HTML][CSS]Ukrycie diva gdy nie mieści się na ekranie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Ukrycie diva gdy nie mieści się na ekranie

kamilosxd678

1.08.2012, 18:22:49

[HTML] pobierz, plaintext 
<html>
	<body>
		<div style="width: 192px">
			<div style="float: left; width:48px; height: 96px; background: #000000"></div>
			<div style="float: left; width:96px;">
				<!--TOP-->
				<div style="float: left; width: 96px; height: 24px; background: #0000FF">
				</div>
				<!--MENU-->
				<div style="float: left; width: 96px; height: 24px; background: #FF0000">
				</div>
				<!--LEFT-->
				<div style="float: left; width: 48px; height:48px; background: #00FF00">
				</div>
				<div style="float: left; width: 48px; height: 48px; background: #FF00FF">
				<div style="margin: 3px 3px 3px 3px; background: #FFFF00; height: 42px; width: 42px"></div>
				</div>
				<div style="float: left; width: 96px; height: 24px; background: #00FFFF;"></div>
			</div>
			<div style="float: left; width: 48px; height: 96px; background: #000000"></div>
		</div>
	</body>
</html>
[HTML] pobierz, plaintext

Tak schematycznie wygląda mój html - chciałbym, aby czarne divy traktowane były jako tło. Docelowo chciałbym, aby pasek przewijania wszerz pojawiał się dopiero, gdy boki ekranu zaczną zakrywać środek, a czarne boki były traktowane jak tło.
Szukałem już rozwiązań, ale żadne nie dało oczekiwanego efektu (całość rozjechała się)

Z góry dziękuję

!*!

1.08.2012, 18:34:03

1. pokazuj kod live http://jsfiddle.net/
2. jak chcesz dostosować div względem rozdzielczości, to zainteresuj się @media w css.
3. div nie traktuje się jako tło, od tego jest multiBG w CSS3

Jeśli powyższe opcje zawiodą, użyj JS (jQuery) do obliczenia tego wszystkiego.

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.