Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Jak zaprogramować takie coś
Szymciosek
post
Post #1





Grupa: Zarejestrowani
Postów: 1 168
Pomógł: 126
Dołączył: 5.02.2010
Skąd: Świdnica

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

Witam,
chcę zaprogramować (to dobre słowo ?) w CSS box, który zawsze będzie miał zawsze:
width: 100% - 20px; (z lewej i prawej po 10px)
height: 100% - 160px; (z góry 10px odstępu od brzegu strony, 150px od dołu strony)

(IMG:https://dl.dropbox.com/u/21239599/Untitled-2.jpg)

Szary obiekt

Ten post edytował Szymciosek 3.10.2012, 17:41:55
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Arcioch
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  6. <style>
  7. 	body,html{
  8. 		width: 100%:
  9. 		height: 100%;
  10. 		padding: 0;
  11. 		margin: 0;
  12. 	}
  13. 	body{
  14. 		background: blue;
  15. 	}
  16.  
  17. 	div#content{
  18. 		background: grey;
  19. 		float: left;
  20. 		margin: 10px 0px 0px 10px;
  21. 	}
  22. </style>
  23. <script>
  24. $(function(){
  25.  
  26. 	function sprawdzRozmiarOkna() {
  27. 		var width = $(window).width() - 20;
  28. 		var height =  $(window).height() - 160;
  29.  
  30. 		$('div#content').css({
  31. 			'width': width,
  32. 			'height': height
  33. 		});
  34. 	}
  35.  
  36. 	sprawdzRozmiarOkna();
  37. 	$(window).resize(sprawdzRozmiarOkna);
  38. });
  39. </script>
  40. </head>
  41. <body>
  42. 	<div id="content">
  43. 	</div>
  44. </body>
  45. </html>
[HTML] pobierz, plaintext


Sprawdza rozmair okna i dostosowywuje (IMG:style_emoticons/default/wink.gif) w tym dziale pisałem już coś takiego wystarczyło poszukać i dostosować (IMG:style_emoticons/default/wink.gif)

Ten post edytował Arcioch 3.10.2012, 19:31:21
Go to the top of the page
+Quote Post

Posty w temacie
- Szymciosek   Jak zaprogramować takie coś   3.10.2012, 17:40:28
- - Arcioch   [HTML] pobierz, plaintext <!DOCTYPE html>...   3.10.2012, 17:53:46
- - Szymciosek   No niby działa, ale nie do końca, bo nie zmienia s...   3.10.2012, 19:08:50
- - fleshgrinder   szerokość da się bez js, po prostu nie ustawiasz s...   3.10.2012, 19:09:02
|- - zegarek84   Cytat(Arcioch @ 3.10.2012, 18:53:46 )...   4.10.2012, 00:16:01
- - Szymciosek   Może być js, pod warunkiem, że będzie działało po ...   3.10.2012, 19:15:56
- - Arcioch   [HTML] pobierz, plaintext <!DOCTYPE html>...   3.10.2012, 19:29:56

« Następny starszy · CSS · 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: 27.12.2025 - 21:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn