Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css]dwa divy obok siebie
Forum PHP.pl > Forum > Przedszkole
benusso
Witam

Mam taka konstrukcje strony

  1.  
  2. <div id="kontener">
  3.  
  4. <div id="top">
  5.  
  6. </div>
  7.  
  8. <div id="menu">
  9. menu
  10. </div>
  11.  
  12. <div id="glowna">
  13. <br><img src="zdjecie.jpg" style="border-width: 8px; border-color: white; border-style: solid;">
  14. <div id="tresc_ramka">
  15. <div id="tresc"><br><br>
  16. <h1>Suknie ślubne</h1>
  17. <img src="linia_pozioma.jpg">
  18. <p>
  19. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at est at sapien eleifend feugiat. In ullamcorper, dolor imperdiet viverra egestas, nulla magna euismod turpis, a luctus ligula neque vitae metus. Mauris vitae lobortis arcu. Phasellus sit amet turpis in erat varius tempus ac vitae diam.
  20. </p>
  21. <p>
  22. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at est at sapien eleifend feugiat. In ullamcorper, dolor imperdiet viverra egestas, nulla magna euismod turpis, a luctus ligula neque vitae metus. Mauris vitae lobortis arcu. Phasellus sit amet turpis in erat varius tempus ac vitae diam.
  23. </p>
  24. </div>
  25. <div id="tresc_prawa">
  26. prawa<br>prawa<br>prawa<br>prawa<br>prawa<br>prawa<br>
  27. </div>
  28. </div>
  29. </div>
  30. <br>
  31. </div>
  32.  


i chciałbym aby divy o id "tresc" i "tresc_prawa" były wyświetlone obok siebie, próbuje zmieniam floaty i nic, nie wiem problem w tym chyba ze są one zagnieżdżone w innych divach, jeżeli chodzi o css to wygląda tak

  1. body{
  2. background: url(tlo2.jpg);
  3. padding:0px;
  4. margin:0px;
  5. }
  6.  
  7. #kontener{
  8. width: 1000px;
  9. border-width: 8px;
  10. border-color: white;
  11. border-left-style: solid;
  12. border-right-style: solid;
  13. margin:0px;
  14. padding:0px;
  15. }
  16.  
  17. #top{
  18. background: url(top.jpg);
  19. width: 1000px;
  20. height: 155px;
  21. margin:0px;
  22. padding:0px;
  23. }
  24.  
  25. #menu{
  26. background: url(menu.jpg);
  27. padding:15px;
  28. margin:0px;
  29. }
  30.  
  31. #glowna{
  32. background: url(tlo.jpg);
  33. width: 1000px;
  34. }
  35.  
  36. #tresc_ramka{
  37. background: url(tlo2.jpg);
  38. width: 950px;
  39. border-width: 8px;
  40. border-color: white;
  41. border-style: solid;
  42. padding:0px;
  43. margin:0px;
  44. }
  45.  
  46. #tresc{
  47. background: url(tlo_tresc.jpg) no-repeat;
  48. width: 500px;
  49. padding: 0px;
  50. margin: 0px;
  51. text-align: left;
  52.  
  53. border-width: 1px;
  54. border-color: red;
  55. border-style: solid;
  56.  
  57. float:left;
  58. }
  59.  
  60. #tresc_prawa{
  61. width: 100px;
  62. padding: 0px;
  63. margin: 0px;
  64.  
  65. border-width: 1px;
  66. border-color: red;
  67. border-style: solid;
  68. }
  69.  
  70. h1{
  71. margin-top: 5px;
  72. margin-bottom: 5px;
  73. }


Proszę o pomoc i rady.
webspy
dodaj float:left; w id #tresc
Pawel_W
Cytat(webspy @ 18.02.2010, 19:54:20 ) *
dodaj float:left; w id #tresc

chyba #tresc_prawa, w #tresc juz jest...
webspy
Cytat(Pawel_W @ 18.02.2010, 19:59:06 ) *
chyba #tresc_prawa, w #tresc juz jest...


Dokladnie, przepraszam za pomylke winksmiley.jpg
benusso
Działa, nie wiem robiłem wszelkie kombinacje, tą chyba też, ale dzięki.

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.