Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Tło, background, www oparta na DIV
suchy1
post
Post #1





Grupa: Zarejestrowani
Postów: 246
Pomógł: 8
Dołączył: 2.04.2006
Skąd: Gliwice

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


Witam,

Mam sobie nastepujący kod:

  1. <div id="site">
  2. <div id="mapContent">
  3. <h2>Tytuł</h2>
  4. <p>Zwykły tekst</p>
  5. </div>
  6. </div>


Plik CSS:
  1. #site {
  2. margin: 0 auto;
  3. padding: 0px 0px 0px 0px;
  4. width: 767px;
  5. height: auto;
  6. background: #C4C4AF;
  7. }
  8. #mapContent {
  9. width: auto;
  10. height: auto;
  11. float: left;
  12. margin: 0px 0px 0px 0px;
  13. padding: 25px 40px 0px 40px;
  14. text-decoration: none;
  15. font-family: Verdena, Arial, Helvetica, sans-serif;
  16. font-size: 12px;
  17. color: #514c48;
  18. text-align: justify;
  19. }


Przy obecnej konfiguracji #site w momencie jak ustawie wartośc height: auto. Nie bedzie tla. Wiec każdy DIV wewnatrz musze kolorowac z osobna np. #mapContent. Jak zrobic aby <div id="site"> dostosowywał wysokosc i jednoczenie miał tło np: #FFF. Nie ustawiajac tła pozostałym np. #mapContent.
Go to the top of the page
+Quote Post
Gryf
post
Post #2





Grupa: Zarejestrowani
Postów: 170
Pomógł: 40
Dołączył: 14.08.2008
Skąd: Katowice

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


po prostu musisz wyczyścić po ostatnim divie czyli do css'a dodaj
Kod
.clear {
    clear : both;
}

i wstaw przed zamknięciem div'a site
Kod
<br class = "clear" />

ja mam pytanie co to jest?
Kod
background: #C4C4AF;

jaki ty docktype używasz?
Go to the top of the page
+Quote Post
JoShiMa
post
Post #3





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


Ponieważ w #mapContent masz float: left; to zwija Ci się on do zerowych rozmiarów i nie widzisz tła. Rozwiązanie już podał Gryf.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.12.2025 - 21:59