Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Divy strasznie się rozjeżdżają ..
Forum PHP.pl > Forum > Przedszkole
kamillo121
Witam , mam taki problem , zrobiłem sobie szablon stronki na divach i gdy naciskam ctrl i kręcę kółkiem myszki to wszystko strasznie się rozjeżdża .....
Jak nad tym zapanować żeby wszystko po prostu się zwiększało bądź zmniejszało ?

układ stronki mniej więcej taki :

CODE
<div id="top">
<div id="logo">
<div>
<div id="left">
//tu są divy inne dotyczące menu itd
</div>
<div id="center">
//tu sa divy z includowanych stron
</div>
<div id="right">
//tu sa divy inne dotyczace ankiet itd
</div>
<div id="div">
</div>
</div>


Wielkości mam prawie wszystkie na % ustawiane ale nawet jak ustawiam na px to i tak to nic nie daje
Ziom73
Daj styl css. I zobacz czy to działa na innych przeglądarkach...

Zobacz czy tak działa:
  1. <div id="top">
  2. <div id="logo">
  3. <div id="left">
  4. //tu są divy inne dotyczące menu itd
  5. </div>
  6. <div id="center">
  7. //tu sa divy z includowanych stron
  8. </div>
  9. <div id="right">
  10. //tu sa divy inne dotyczace ankiet itd
  11. </div>
  12. </div>
  13. </div>


Lub z id="div" :
  1. <div id="top">
  2. <div id="logo">
  3. <div id="left">
  4. //tu są divy inne dotyczące menu itd
  5. </div>
  6. <div id="center">
  7. //tu sa divy z includowanych stron
  8. </div>
  9. <div id="right">
  10. //tu sa divy inne dotyczace ankiet itd
  11. </div>
  12. </div>
  13. <div id="div">
  14. //tu wszystko dotyczące id="div".
  15. </div>
  16. </div>


Albo:

  1. <div id="top">
  2. <div id="logo">
  3. <div>
  4. <div id="left">
  5. //tu są divy inne dotyczące menu itd
  6. </div>
  7. <div id="center">
  8. //tu sa divy z includowanych stron
  9. </div>
  10. <div id="right">
  11. //tu sa divy inne dotyczace ankiet itd
  12. </div>
  13. </div>
  14. <div id="div">
  15. //tu wszystko dotyczące id="div".
  16. </div>
  17. </div>
  18. </div>


ps. skrypty php dawaj w tagi
Kod
[php]...[/php]
kamillo121
Z tych nic nie działa , ... pewnie mam w css namieszane za bardzo już podaje
  1.  
  2.  
  3. html,body
  4. {
  5. margin: auto ;
  6. background: #2145DC url("../img/tlo_gl.gif") repeat-x ;
  7. }
  8. {
  9.  
  10. text-decoration: none;
  11. }
  12. A:active
  13. {
  14.  
  15. text-decoration: none;
  16. }
  17. A:visited
  18. {
  19.  
  20. text-decoration: none;
  21. }
  22. pc{ //to sobie taki styl zrobilem do wyszczegolniania niektorych zdan :)
  23. font-size: 15px;
  24. color: red;
  25. }
  26.  
  27.  
  28. #top{
  29. width: 70%;
  30. margin: 20px 250px;
  31. float:left;
  32. background-color: #74d57d;
  33. overflow:hidden;
  34. }
  35. #title{ //to jest za div logo ktore nazwalem w głownym poscie
  36. width:100%;
  37. float: left;
  38. height: auto;
  39. overflow:hidden;
  40. }
  41. #logo{ //to jest div zamieszczany w title dla obrazka
  42. width:99,9%;
  43. height:131px;
  44. background:#006B2F url("../img/logo_t.gif") repeat-x ;
  45. border: 1px ridge green;
  46. overflow:hidden;
  47. }
  48. #login{ //to tez jest umieszczane w divie title
  49. width: 300px;
  50. height: auto;
  51. float: right;
  52. margin: 30px 0px;
  53. }
  54. #left{
  55. width:14%;
  56. height: auto;
  57. padding: 5px 5px;
  58. overflow:hidden;
  59. float: left;
  60. }
  61. #right{
  62. width:14%;
  63. height: auto;
  64. padding: 5px 5px;
  65. overflow:hidden;
  66. float: right;
  67. }
  68. #stopka{// to jest div ktorego nazwe w glownym poscie dalem "div"
  69. clear: both;
  70. width: 100%;
  71. height: 30px;
  72. background: url("../img/tab.gif") repeat-x;
  73. }
  74. #t{ to jest div ktory nazwalem w glownym poscie jako "center"
  75. width: 70%;
  76. float: left;
  77.  
  78. }
  79.  
  80. #gl{ // to jest div glowny ktory jets umiesczzany w kolumnach : lewej i prawej
  81. width:170px;
  82. margin: 10px 0px;
  83. float: left;
  84. }
  85. #tab{ // to jest taki div z taka "belka" jest umieszcany na poczatku kazdego diva procz diva "t"
  86. height:20px;
  87. background: url("../img/tab.gif") repeat-x;
  88. }
  89.  
  90. #tresc{ //to jest div ktory jest umieszczany w divie #gl (to jest tresc dla tych dodatkow\: ankiet menu itd )
  91. background-color: #2FB04D;
  92. width:98%;
  93. height: auto;
  94. border: 1px ridge green;
  95. }
  96.  
  97.  
  98.  
  99.  



Powtarzam dla pewności, że to chodzi o rozjeżdżanie się divów gdy trzymam ctrl i kręcę kółkiem myszy ....
Pawel_W
troche nie na temat, ale przed ta klasą pc powinna być kropka w stylu winksmiley.jpg
kamillo121
heheh ale bez kropki też czyta yahoo.gif smile.gif
Myślałem, że to odpowiedź na mój problem sad.gif no nic poczekam jeszcze , może ktoś pomoże
Earth
Nie za bardzo jestem w temacie, ale czy chodzi o to, że podczas używania ctr+kółka, rozjeżdżają się marginesy i strona przestaje być wyśrodkowana?
Jeżeli nie, daj mi proszę cały kod tej strony.
kamillo121
Chodzi mi o to, że np prawy div się poszerza się i przez to spada na duł ......
Jak trzymam ctrl i krece kolkiem od myszy , a chciałbym żeby wszystkie dvi równomiernie się powiększały .
Np jak zrobi się tak na tym forum czyli ctrl i kręcisz kółkiem myszy to wszystkie równomiernie się powiększa .

Zdjęcie stronki przed użyciem ctrl+kółko myszy

http://zapodaj.net/images/99e39a1b67e8.jpg

A tak po użyciu

http://zapodaj.net/images/bae754df867b.jpg

Nic lepiej nie wytłumaczy jak zdjęcia smile.gif

Albo chociaż proszę o jakieś rady jak napisać poprawnie taki css a spróbuje z nowym smile.gif
luniak
na twoim miejscu zostawił bym kilka pix zapasu pomiędzy środkowym boxem a prawym menu bo przy "kółkowaniu" myszą te zmiany nie są idealnie dokładne i z tąd bierze się ten błąd smile.gif mialem to samo swojego czasu
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.