Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] odstep miedzy div
blizniak
post
Post #1





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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


  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.  
  4. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
  5. <META NAME="Generator" CONTENT="EditPlus">
  6. <META NAME="Author" CONTENT="">
  7. <META NAME="Keywords" CONTENT="">
  8. <META NAME="Description" CONTENT="">
  9.  
  10. <style type="text/css">
  11. div#nifty{ width: 800px; margin: 0 auto; margin-top: 15px; background: #f2f2f0; position: relative; }
  12.  
  13. #tresc_2 {
  14. width: 589px;
  15. margin: 0 auto;
  16. margin-left: 200px;
  17. border: 2px solid;
  18. border-style: groove;
  19. border-color: #f2f2f0;
  20. background: #ffffff;
  21. margin-top: 3px;
  22. margin-bottom: 0px;
  23. }
  24.  
  25. div#menu_lewe{ float: left; width: 197px; margin: 0 auto; margin-top: 0px; background: #f2f2f0; margin-left: 0px; }
  26.  
  27. </HEAD>
  28.  
  29.  
  30. <?
  31. echo '<div id="nifty">';
  32.  
  33. echo '<div id="menu_lewe">';
  34.  
  35. echo '<div >';
  36. echo "- ";
  37. echo '</div>';
  38.  
  39. echo '<div >';
  40. echo "- ";
  41. echo '</div>';
  42.  
  43. echo '<div >';
  44. echo "- ";
  45. echo '</div>';
  46.  
  47. echo '<div >';
  48. echo "- ";
  49. echo '</div>';
  50.  
  51. echo '<div >';
  52. echo "- ";
  53. echo '</div>';
  54.  
  55. echo '<div >';
  56. echo "- ";
  57. echo '</div>';
  58.  
  59. echo '<div >';
  60. echo "- ";
  61. echo '</div>';
  62.  
  63. echo '</div>';
  64.  
  65.  
  66.  
  67. echo '<div id="tresc_2">';
  68.  
  69.  
  70. echo '<div style="float:left; font: 13px tahoma; color: #000000; padding-top:3px; background: #FFFF00; padding-left:10px; padding-bottom:3px; ">';
  71. echo "assfsdfsdf";
  72. echo '</div>';
  73.  
  74. echo '<div style="float:right; font: 11px tahoma; color: #000000; padding-top:3px; background: #FFFF00; padding-right:10px; padding-bottom:3px; ">';
  75. echo "Data dodania: 2009-12-13";
  76. echo '</div>';
  77.  
  78. echo '<div style="clear: both;">';
  79. echo '</div>';
  80.  
  81.  
  82. echo '<div style="font: 11px tahoma; color: #000000; padding-top:3px; background: #FFFF00; padding-right:10px; padding-bottom:3px; ">';
  83. echo "czemu tu jest taka duza przerwa";
  84. echo '</div>';
  85.  
  86.  
  87. echo '</div>';
  88.  
  89.  
  90.  
  91. echo '</div>';
  92.  
  93. ?>
  94.  
  95. </BODY>
  96. </HTML>

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/
Go to the top of the page
+Quote Post
piotrooo89
post
Post #2


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




masz niezamkniętego jednego div'a którego to Ci nie powiem. sam dojdź do tego.


--------------------
Go to the top of the page
+Quote Post
blizniak
post
Post #3





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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


ktory div jest nie zamkniety questionmark.gif ja go nie widze
Go to the top of the page
+Quote Post
Lion_87
post
Post #4





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----


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

Ten post edytował Lion_87 7.03.2009, 21:57:25
Go to the top of the page
+Quote Post
blizniak
post
Post #5





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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


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
Go to the top of the page
+Quote Post
Lion_87
post
Post #6





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----


Ale ten 3 nie ma już floatu a dając clear on wyświetla sie pod DIV #menu_lewe
Go to the top of the page
+Quote Post
blizniak
post
Post #7





Grupa: Zarejestrowani
Postów: 253
Pomógł: 0
Dołączył: 14.04.2005

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


ok dzieki juz poprawilem
wystarczylo dac float: right w div o id=tresc_2 i usunac margin-left
dzieki smile.gif

Ten post edytował blizniak 8.03.2009, 07:44:21
Go to the top of the page
+Quote Post
piotrooo89
post
Post #8


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




ja skopiowałem do siebie i pozamykałem divy i hulało nic nie usuwałem.


--------------------
Go to the top of the page
+Quote Post
Lion_87
post
Post #9





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----


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
Go to the top of the page
+Quote Post
piotrooo89
post
Post #10


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




sory mój błąd, źle popatrzyłem sciana.gif


--------------------
Go to the top of the page
+Quote Post

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: 21.08.2025 - 15:21