Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Problem z tlem pilne
Forum PHP.pl > Forum > Przedszkole
mrk9109
Witam mam problem z ktorym nie moge sobie poradzic mam ustawione dla news2 height 85px i jezeli tresc newsa jest wieksza nic 85 px naklada mi tresc na news3 o to kod:
index
Kod
                                     <div class="news">
                 <div class="news-gora">
                                <div class="news-img"></div>
                                <div class="news-dodal">Autor:r  Date:</div>
                    </div>    
              <div class="news-title">
                     <b>Title</b>
               </div>    
               </div>
               <div class="news2">
               <div class="news-tresc">
                       <br>
                     Tresc newsa
                      </div>
                     </div>
                     <div class="news3">
                  <div class="news-stopka">
                            <div class="news-kom">Komenatrze</div>
                            <div class="news-czytaj"> Czytaj Wiecej</div>
                            </div>    
                                                     
                                      $adminaction
                                      </div>

CSS:
Kod
.news {  width: 300px; float: left; height: 40px; }
.news2 {  width: 300px; float: left; height: 85px; background-repeat: no-repeat; display: block; }
.news3 {  width: 300px; float: left; height: 10px; }
.news-gora {  width: 300px; float: left; }
.news-img { background-image: url(images/news.gif); background-repeat: no-repeat; width: 171px; height: 34px; float: left; }
.news-dodal {  width: 129px; float: left; }
.news-title {  width: 300px; float: left; }
.news-tresc {  width: 298px; float: left; }
.news-stopka{  width: 300px; float: left; }
.news-stopka a { color: black; }
.news-kom { background-color: #dadada; background-repeat: no-repeat; width: 100px; float: left;  padding-left: 15px; }
.news-czytaj { background-color: #dadada; background-repeat: no-repeat; width: 100px; float: left;  padding-left: 80px; }

potreb
Możesz użyć dla news2 overflow: hidden lub wywalić wysokość tak aby automatycznie się dopasowywała do treści.
mrk9109
overflow: hidden pomoglo dzieki wielkie 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.