Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] odstep miedzy div
Forum PHP.pl > Forum > Po stronie przeglądarki
blizniak
7.03.2009, 11:03:00 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <HEAD>
  4.  
  5. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
  6. <META NAME="Generator" CONTENT="EditPlus">
  7. <META NAME="Author" CONTENT="">
  8. <META NAME="Keywords" CONTENT="">
  9. <META NAME="Description" CONTENT="">
  10.  
  11. <style type="text/css">
  12. div#nifty{ width: 800px; margin: 0 auto; margin-top: 15px; background: #f2f2f0; position: relative;  }
  13.  
  14. #tresc_2 {
  15. 	width: 589px;
  16. 	margin: 0 auto;
  17. 	margin-left: 200px;
  18. 	border: 2px solid;
  19. 	border-style: groove;
  20. 	border-color: #f2f2f0;
  21. 	background: #ffffff;
  22. 	margin-top: 3px;
  23. 	margin-bottom: 0px;
  24. 	}
  25.  
  26. div#menu_lewe{ float: left; width: 197px; margin: 0 auto; margin-top: 0px; background: #f2f2f0; margin-left: 0px;  }
  27.  
  28. </style>
  29. </HEAD>
  30.  
  31. <BODY>
  32.  
  33. <?
  34. echo '<div id="nifty">';
  35.  
  36. echo '<div id="menu_lewe">';
  37.  
  38. echo '<div >';
  39. echo "- ";
  40. echo '</div>';
  41.  
  42. echo '<div >';
  43. echo "- ";
  44. echo '</div>';
  45.  
  46. echo '<div >';
  47. echo "- ";
  48. echo '</div>';
  49.  
  50. echo '<div >';
  51. echo "- ";
  52. echo '</div>';
  53.  
  54. echo '<div >';
  55. echo "- ";
  56. echo '</div>';
  57.  
  58. echo '<div >';
  59. echo "- ";
  60. echo '</div>';
  61.  
  62. echo '<div >';
  63. echo "- ";
  64. echo '</div>';
  65.  
  66. echo '</div>';
  67.  
  68.  
  69.  
  70. echo '<div id="tresc_2">';
  71.  
  72.  
  73. 			echo '<div style="float:left; font: 13px tahoma; color: #000000; padding-top:3px; background: #FFFF00; padding-left:10px; padding-bottom:3px; ">';
  74. 			echo "assfsdfsdf";
  75. 			echo '</div>';	
  76.  
  77. 			echo '<div style="float:right; font: 11px tahoma; color: #000000; padding-top:3px; background: #FFFF00; padding-right:10px; padding-bottom:3px; ">';
  78. 			echo "Data dodania: 2009-12-13";
  79. 			echo '</div>';
  80.  
  81. 			echo '<div style="clear: both;">';
  82. 			echo '</div>';	
  83.  
  84.  
  85. 			echo '<div style="font: 11px tahoma; color: #000000; padding-top:3px; background: #FFFF00; padding-right:10px; padding-bottom:3px; ">';
  86. 			echo "czemu tu jest taka duza przerwa";
  87. 			echo '</div>';
  88.  
  89.  
  90. echo '</div>';
  91.  
  92.  
  93.  
  94. echo '</div>';
  95.  
  96. ?>
  97.  
  98. </BODY>
  99. </HTML>
[HTML] pobierz, plaintext

czemu jak zrobie w div clear both to pozniej jest duzy odstep miedzy divami
patrz tu: http://www.wrzuta.pl/obraz/3t5XKcvPbZ/

a powinno byc tak: http://www.wrzuta.pl/obraz/6qRehAQyG2/
piotrooo89
7.03.2009, 11:26:30
masz niezamkniętego jednego div'a którego to Ci nie powiem. sam dojdź do tego.
blizniak
7.03.2009, 19:50:11
ktory div jest nie zamkniety questionmark.gif ja go nie widze
Lion_87
7.03.2009, 21:56:54
DIVy są ok. Ty po prostu za dużo mieszasz z float, margin.
Masz #menu_lewe float:left; ale dla #tresc_2 już nie dałeś float:right; dlatego tekst wyświetla sie w lini w której kończy się DIV #menu_lewe. Samo dodanie floatu nic chyba CI nie da jeszcze musisz pousuwać marginy za dużo nakombinowanie smile.gif
blizniak
7.03.2009, 22:13:56
no ale pierwsze 2 divy ktore sa w div o id=tresc_2 wyswietlaja sie dobrze,
dopiero pozniej jak dalem div z clear to wszystko sie psuje
Lion_87
7.03.2009, 22:16:49
Ale ten 3 nie ma już floatu a dając clear on wyświetla sie pod DIV #menu_lewe
blizniak
8.03.2009, 07:43:55
ok dzieki juz poprawilem
wystarczylo dac float: right w div o id=tresc_2 i usunac margin-left
dzieki smile.gif
piotrooo89
8.03.2009, 21:04:04
ja skopiowałem do siebie i pozamykałem divy i hulało nic nie usuwałem.
Lion_87
8.03.2009, 21:12:53
Cytat
ja skopiowałem do siebie i pozamykałem divy i hulało nic nie usuwałem.


hee? to wskaż go bo ja naprawdę go nie widzę tongue.gif
piotrooo89
8.03.2009, 21:20:15
sory mój błąd, źle popatrzyłem sciana.gif
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.