Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Automatyczne tło do divów
Forum PHP.pl > Forum > Przedszkole
rafi5451
29.09.2010, 16:28:18
Próbuję zrobić coś takiego:
Mam diva, który odpowiada za tło, a w nim są 3 odpowiadające za lewą kolumnę, środkową i prawą.Niestety ten div odpowiadający za tło nie rozszerza się razem z tymi divami w środku.Co robię nie tak?
Wygląda to tak jak na załączonym zdjęciu.

Co robię nie tak?smile.gif
Damonsson
29.09.2010, 16:45:08
A może tak pokażesz kod?
rafi5451
29.09.2010, 16:48:33 
[HTML] pobierz, plaintext 
  1.     <div id="content">
  2.         <div id="lewa_kolumna">
  3.         </div>
  4.         <div id="news">TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST TEKST 
  5.         </div>
  6.         <div id="prawa_kolumna">
  7.         </div>
  8.     </div>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. #content{
  2.     background: #fff;
  3.     width:980px;
  4.     min-height:400px;
  5.         }    
  6. #lewa_kolumna { 
  7.     border: 1px solid #ccc;
  8.     text-align:center;
  9.     color: #333;
  10.     margin: 0px 0px 0px 0px;
  11.     padding: 10px;
  12.     min-height: 350px;
  13.     width: 200px;
  14.     float: left;
  15.     font-size:16px;
  16.     font-weight: bolder;
  17. }
  18. #news{
  19.  border: 1px solid #ccc;
  20.  float: left;
  21.  color: #333;
  22.  background: #fff;
  23.  margin: 0px 0px 0px 0px;
  24.  padding: 10px;
  25.  min-height: 350px;
  26.  width: 514px;
  27. }
  28. #prawa_kolumna{
  29.  border: 1px solid #ccc;
  30.  color: #333;
  31.  background: #fff;
  32.  margin: 0px 0px 0px 0px;
  33.  padding: 10px;
  34.  min-height: 350px;
  35.  width: 200px;
  36.  float: left;
  37.  position: relative;
  38. }
[HTML] pobierz, plaintext
Damonsson
29.09.2010, 16:58:45
Dodaj

overflow: auto;

do #content {}
rafi5451
29.09.2010, 17:02:53
Działa.Dzięki smile.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.