Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Ukrycie diva gdy nie mieści się na ekranie, Trzy divy obok siebie - środkowy jako główny boczne jako tło
kamilosxd678
post
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 18.06.2009

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

[HTML] pobierz, plaintext 
  1. <html>
  2. 	<body>
  3. 		<div style="width: 192px">
  4. 			<div style="float: left; width:48px; height: 96px; background: #000000"></div>
  5. 			<div style="float: left; width:96px;">
  6. 				<!--TOP-->
  7. 				<div style="float: left; width: 96px; height: 24px; background: #0000FF">
  8. 				</div>
  9. 				<!--MENU-->
  10. 				<div style="float: left; width: 96px; height: 24px; background: #FF0000">
  11. 				</div>
  12. 				<!--LEFT-->
  13. 				<div style="float: left; width: 48px; height:48px; background: #00FF00">
  14. 				</div>
  15. 				<div style="float: left; width: 48px; height: 48px; background: #FF00FF">
  16. 				<div style="margin: 3px 3px 3px 3px; background: #FFFF00; height: 42px; width: 42px"></div>
  17. 				</div>
  18. 				<div style="float: left; width: 96px; height: 24px; background: #00FFFF;"></div>
  19. 			</div>
  20. 			<div style="float: left; width: 48px; height: 96px; background: #000000"></div>
  21. 		</div>
  22. 	</body>
  23. </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ę
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

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.

Ten post edytował !*! 1.08.2012, 18:34:27


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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