Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Problem z Div
Forum PHP.pl > Forum > Przedszkole
krzychu0808
5.07.2008, 10:09:21
Witam....
Mam problem bo zrobiłem 2 div-y w środku div-a i gdy zrobię margin-top dla jednego 10 a dla drugiego 30 to ten drugi nie ma 30 a ma np 50 ;/
Zobaczcie sami ten zegarek co uciekł do drugi div a pierwszy to w zegarku ten napis so
>>>>Link do strony<<<<
może jakieś warstwy coś... proszę o pomoc

Strona:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Klasa 2 TH | TME | Strona Klasowa</title>
  5. <script type="text/javascript" src="menu.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <style type="text/css">
  8. body {
  9. background-color: #070707;
  10. font-family:Verdana, Arial, Helvetica, sans-serif;
  11. }
  12. #strona {
  13. margin : auto;
  14. padding : 0px;
  15. width : 941px;
  16. }
  17. #heder1 {
  18. margin : auto;
  19. padding : 0px;
  20. width : 941px;
  21. height : 49px;
  22. float : left;
  23. background : url(images/1_02.jpg)
  24. }
  25.  
  26. #heder2 {
  27. margin : auto;
  28. padding : 0px;
  29. width : 941px;
  30. height : 243px;
  31. float : left;
  32. background : url(images/1_04.jpg)
  33. }
  34.  
  35. .zegarek {
  36. width : 110px;
  37. height : 50px;
  38. margin-left :730px;
  39. margin-top :42px;
  40. padding : 0px;
  41. float : left;
  42. display: inline;
  43. }
  44.  
  45. .data {
  46. width : 32px;
  47. height : 30px;
  48. margin-left :850px;
  49. margin-top :25px;
  50. padding : 0px;
  51. float : left;
  52. display: inline;
  53. background-color: #070707;
  54. }
  55. </style>
  56.  
  57.  
  58. </head>
  59.  
  60. <body>
  61. <div id="strona">
  62. <div id="heder1"></div>
  63.  
  64. <div id="heder2">
  65. <div class="data">
  66. <?php $dni = array( 0 => '<img src="images/dni_tygodnia/7.jpg"/>', 1 => '<img src="images/dni_tygodnia/1.jpg"/>', 2 => '<img src="images/dni_tygodnia/2.jpg"/>', 3 => '<img src="images/dni_tygodnia/3.jpg"/>', 4 => '<img src="images/dni_tygodnia/4.jpg"/>', 5 => '<img src="images/dni_tygodnia/5.jpg"/>', 6 => '<img src="images/dni_tygodnia/6.jpg"/>'); 
  67.  
  68. $data = $dni[date('w')]; 
  69.  
  70. echo $data
  71. ?>
  72. </div>
  73.  
  74. <div class="zegarek">
  75. <? $aData = date("Hi"); 
  76. ?>
  77. <center><img src="images/zegar/<?=$aData[0]?>.gif" /><img src="images/zegar/<?=$aData[1]?>.gif" /><img src="images/zegar/dwukropek.gif" /><img src="images/zegar/<?=$aData[2]?>.gif" /><img src="images/zegar/<?=$aData[3]?>.gif" /></center>
  78. </div>
  79.  
  80. </div>
  81.  
  82. </div>
  83. </body>
  84. </html>
[HTML] pobierz, plaintext
qrees
5.07.2008, 10:22:08
Który div ma tutaj margin-top: 30px bo nie bardzo widzę??

EDIT:

Może o to chodzi:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>Klasa 2 TH | TME | Strona Klasowa</title>
  5. <script type="text/javascript" src="menu.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <style type="text/css">
  8. body {
  9. background-color: #070707;
  10. font-family:Verdana, Arial, Helvetica, sans-serif;
  11. }
  12. #strona {
  13. margin : auto;
  14. padding : 0px;
  15. width : 941px;
  16. }
  17. #heder1 {
  18. margin : auto;
  19. padding : 0px;
  20. width : 941px;
  21. height : 49px;
  22. float : left;
  23. background : url(images/1_02.jpg)
  24. }
  25.  
  26. #heder2 {
  27. position:relative;
  28. margin : auto;
  29. padding : 0px;
  30. width : 941px;
  31. height : 243px;
  32. float : left;
  33. background : url(images/1_04.jpg)
  34. }
  35.  
  36. .zegarek {
  37. width : 110px;
  38. height : 50px;
  39. margin-left :730px;
  40. margin-top :42px;
  41. padding : 0px;
  42. float : left;
  43. display: inline;
  44. position:absolute;
  45. top:0px;
  46. left:0px;
  47. }
  48.  
  49. .data {
  50. width : 32px;
  51. height : 30px;
  52. margin-left :850px;
  53. margin-top :25px;
  54. padding : 0px;
  55. float : left;
  56. display: inline;
  57. background-color: #070707;
  58. }
  59. </style>
  60. </head>
  61.  
  62. <body>
  63. <div id="strona">
  64. <div id="heder1"></div>
  65.  
  66. <div id="heder2">
  67. <div class="data">
  68. <?php $dni = array( 0 => '<img src="images/dni_tygodnia/7.jpg"/>', 1 => '<img src="images/dni_tygodnia/1.jpg"/>', 2 => '<img src="images/dni_tygodnia/2.jpg"/>', 3 => '<img src="images/dni_tygodnia/3.jpg"/>', 4 => '<img src="images/dni_tygodnia/4.jpg"/>', 5 => '<img src="images/dni_tygodnia/5.jpg"/>', 6 => '<img src="images/dni_tygodnia/6.jpg"/>'); 
  69.  
  70. $data = $dni[date('w')]; 
  71.  
  72. echo $data
  73. ?>
  74. </div>
  75.  
  76. <div class="zegarek">
  77. <? $aData = date("Hi"); 
  78. ?>
  79. <center><img src="images/zegar/<?=$aData[0]?>.gif" /><img src="images/zegar/<?=$aData[1]?>.gif" /><img src="images/zegar/dwukropek.gif" /><img src="images/zegar/<?=$aData[2]?>.gif" /><img src="images/zegar/<?=$aData[3]?>.gif" /></center>
  80. </div>
  81.  
  82. </div>
  83.  
  84. </div>
  85. </body>
  86. </html>
[HTML] pobierz, plaintext

Tak powinno być dobrze
krzychu0808
5.07.2008, 10:31:40
position:absolute; nie moge dać bo to mają być odległości nie od krawędzi strony ale od krawędzi heder2.
to był przykład z tym 30px.
qrees
5.07.2008, 10:47:25
Cytat(krzychu0808 @ 5.07.2008, 11:31:40 ) *
position:absolute; nie moge dać bo to mają być odległości nie od krawędzi strony ale od krawędzi heder2.
to był przykład z tym 30px.

skopiowałeś to co wkleiłem, czy tylko przejrzałeś? tam jest jeszcze position:relative; w header2. Sprawdź najpierw może czy to działa, bo u mnie np działa ok...
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.