Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> zawieranie się w sobie divów
demolka666
post 11.12.2010, 13:32:58
Post #1





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 28.09.2009

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


Witam,
mam taki kod:

  1. <div id="cont">
  2. <div id="left">
  3. <div id="1">Bla bla bla1</div>
  4. <div id="2">Bla bla bla2</div>
  5. </div>
  6. <div id="right"></div>
  7. </div>

To jest tylko nagłówek, więc pod tym fragmentem muszą się znaleźć inne divy.


ostylowany jest on cssem w ten sposób:
  1. body{
  2. width:100%;
  3. min-width:800px;
  4. margin: 0;
  5. padding: 0;
  6. background: #fff;
  7. }
  8. #cont{
  9. background: #140901;
  10. width:100%;
  11. color: #ccc;
  12. }
  13. #logo{
  14. float:left;
  15. width: 30%;
  16. height:396px;
  17. position: relative;
  18. }
  19. #intro{
  20. width: 70%;
  21. float:left;
  22. position: relative;
  23. }
  24.  


Problem polega na tym, że div "cont" nie rozciąga się na wysokość reszty divów. Więc w związku z tym kolor tła pozostaje #fff (dziedziczony od body ) zamiast #ccc (dziedziczony od cont).
Czyli tło do tekstów blablabla1 i blablabla 2 jest białe zamiast #ccc.
Jak to prawidłowo wypozycjonować?

Ten post edytował demolka666 11.12.2010, 13:34:14
Go to the top of the page
+Quote Post
lord2105
post 11.12.2010, 13:34:24
Post #2





Grupa: Zarejestrowani
Postów: 380
Pomógł: 59
Dołączył: 24.04.2010
Skąd: London

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


  1. div {
  2. float:left;
  3. }


--------------------
40% rozwiązań znajduje się tutaj.
59,9% tutaj.

Jeśli pomogłem rozwiązać Twój problem wciśnij
Go to the top of the page
+Quote Post
demolka666
post 11.12.2010, 13:38:10
Post #3





Grupa: Zarejestrowani
Postów: 58
Pomógł: 0
Dołączył: 28.09.2009

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


dzięki! pomogło smile.gif. Byłabym wdzięczna gdybyś mi mógł krótko wytłumaczyć dlaczego to zadziałało. smile.gif
Go to the top of the page
+Quote Post
lord2105
post 11.12.2010, 13:43:04
Post #4





Grupa: Zarejestrowani
Postów: 380
Pomógł: 59
Dołączył: 24.04.2010
Skąd: London

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


dlatego, ze dla każdego diva w dokumencie zdefiniowana została pozycja("otaczanie") i nie nakładają się one już na siebie.

Na przyszłość polecam poczytać o float: np. tutaj

Pozdrawiam

Ten post edytował lord2105 11.12.2010, 13:45:56


--------------------
40% rozwiązań znajduje się tutaj.
59,9% tutaj.

Jeśli pomogłem rozwiązać Twój problem wciśnij
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 Wersja Lo-Fi Aktualny czas: 26.04.2024 - 21:17