Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][CSS]dopasowanie diva do rozmiarów okna przeglądarki
gitbejbe
post
Post #1





Grupa: Zarejestrowani
Postów: 516
Pomógł: 63
Dołączył: 27.08.2012

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


Witam.

Mam mały problem. http://jsfiddle.net/YF3PD/

Chodzi mianowicie o to, że w główny kontener "template-wrapper" musi posiadać position:fixed. W tym kontenerze "menu-container" ma spełniać role menu strony, a "module-container" ma być oknem z treścią.

Position fixed dla głównego diva wynika z faktu, iż chce się pozbyć scrolla w przeglądarce. Teraz aby umieścić menu obok contentu muszę dla contenta wyliczyć jego szerokość, bo width:100% chowa content pod menu. Ma ktoś jakiś pomysł ? jestem laikiem w js....
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
-Gość-
post
Post #2





Goście







problem rozwiązany.

  1. $(function(){
  2. setPos();
  3. });
  4.  
  5. function setPos() {
  6. var menu_container = document.getElementById("menu-container"); //długość contentu
  7. var margines = 5; //margines dla contentu
  8.  
  9. if (parseInt(navigator.appVersion)>3)
  10. {
  11. if (navigator.appName=="Netscape")
  12. {
  13. winW = window.innerWidth;
  14. winH = window.innerHeight;
  15. }
  16. if (navigator.appName.indexOf("Microsoft")!=-1)
  17. {
  18. winW = document.body.offsetWidth+"px";
  19. // winH = document.body.offsetHeight;
  20. }
  21. }
  22. oblicz = document.getElementById('module-container');
  23. //nazwa_zmiennej.style.height=winH+"px";
  24. oblicz.style.width=winW-menu_container.offsetWidth-margines+"px";
  25. }
  26. $(window).resize(function() {
  27. setPos();
  28. });
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 01:31