Problem z divami i repeat-y


(Mlody993) #1

Witam,

problem polega na tym, że nie chcą mi się divy rozciągać według ilości textu. Ustawiłem min-height:200px, że jak mało tekstu to będzie 200px; długości, ale gdy daje więcej tekstu to divy się nie rozciągają. Wygląda to tak:

bloggg.jpg

Jak widać treść został ucięty, a powinno się wszystko rozciągnąć.

Kod PHP odpowiedzialny za tą część:

Lista ostatnich wpisów: BRAK!

TRESC - Dużo treści !!


(mario@) #2
.right {

       position:relative;

            float:left;

            width:699px;

            height:300px;

       margin:0 auto;

       padding:0;

    }

Wywal height:300px;


(Gabriellos94) #3

min-height ustawiłeś dla bloku "środek", zamiast dla "right", w którym znajduje się tekst. Ustawiając min-height: 200px dla bloku "środek" ustawiłeś minimalną wysokość dla całej strony. Natomiast nie wiem po co nadałeś divowi "right" wysokość 300px skoro chcesz, żeby div rozciągał się w zależności od ilości tekstu :stuck_out_tongue: Usunięcie tej linijki na pewno pomoże :slight_smile:


(Mlody993) #4

To nic nie daje. Jeżeli wydłużam środek to tekst się mieści:

.srodek {

        background: repeat-y;

   position:relative;

        width:1000px;

   margin:0 auto;

   padding:0;

        display: table;

        overflow: hidden; 

        min-height:200px;

}

Jak tu daje min-height:600px;

Ale to nie wchodzi w gre, bo mniej tekstu czy więcej to ma być automatyczne.

Jeżeli daje height:auto; to się znowu rozciąga na tyle, że szok... ;/

-- Dodane 22.01.2011 (So) 23:52 --

Ok, teraz w srodek, left, right skasowałem height, strona nadal jest rozciągnięta na full ;/

Teraz to wygląda tak:

bfdgdgfdgdf.jpg

-- Dodane 23.01.2011 (N) 0:03 --

Czyli tak:

right powinien kończyć się równo z tekstem, a nie jechać dalej.

left powinien dorównać do right, jak tego dokonać? ;x


(Gabriellos94) #5

Domknij div right :wink:

Z tego co wiem, to skrypt JS, albo...

Obejmij left i right w jeszcze jeden div i pomaluj go na kolor left (ten jaśniejszy). Jeśli chcesz, żeby div right pozostał biały, musisz go również

pomalować. Tak ja to zrobiłem.


(mario@) #6

CSS wystarczy http://www.puma.pomorze.pl/porady.php#p06


(Mlody993) #7

Mario@, twoim sposobem musiałem zrobić to w ten sposób:

.wpisy_tlo{ width: 83%; padding-bottom: 2000px; margin-bottom: -2000px; }

.tresc_tlo{ width: 93,5%; padding-bottom: 2000px; margin-bottom: -2000px; }

.tresc_left{ width: 17%; padding-bottom: 2000px; margin-bottom: -2000px; }

Układanka jest okej, ale po jakimś czasie zaczynają się w prawym divie (.tresc_right) robić przerwy minimalne, przez co są jaśniejsze paski (widać na screenie niżej). Próbowałem też dodać kod, żeby to zmienić, ale po dodaniu tego:

.tresc_right{ width: 17%; padding-bottom: 2000px; margin-bottom: -2000px; }

to obrazek tła tresc_right jest dalej z tymi minimalnymi obrazkami, tylko tym razem przenosi się do right od wpisy_tlo. Tak więc odpada. Pozostało więc tylko wyrównanie tego tresc_right, przy powielaniu i skończone :slight_smile:

Teraz strona wygląda tak:

e343232423423.jpg