Forum PHP.pl > [CSS] wysokosc div

Pomoc - Szukaj - Użytkownicy - Kalendarz

Sebastian003

11.11.2011, 23:36:25

Witam, mam pytanie. Posiadam dwa div prawa strona i lewa. wysokosci nie mam ustawionej bo nie wiem ile zawartosci bedzie. Chcialbym aby prawa i lewa strona zawsze mialy taka samo wysokosc niezaleznie od tektu da się to jakoś zrobić ?

Kostek.88

11.11.2011, 23:39:46

Przykladow w Internecie jest cala masa, np.

http://pmob.co.uk/pob/equal-columns.htm

Ogolnie szukaj pod fraza equal columns. Mozesz kokmbinowac tez display: table-cell, table-row itd., ale na IE 6/7 i moze 8 to nie pojdzie. Zapoznaj sie tez z overflow.

Sebastian003

12.11.2011, 08:56:48

Patrzyłem ale nie zabardzo mi wychodzi. Mam taki kod (dodam ze pliki cs, c.png są przezroczysto czarną warstwą )

[HTML] pobierz, plaintext 
      <article>
        <div id="prawy">
          <h2><a href="">news tekst</a></h2>
          <p>Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym. Został po raz pierwszy użyty w XV w. przez nieznanego drukarza do wypełnienia tekstem próbnej książki. Pięć wieków później zaczął być używany przemyśle elektronicznym, pozostając praktycznie niezmienionym. Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z zawierającym różne wersje Lorem Ipsum oprogramowaniem przeznaczonym do realizacji druków na komputerach osobistych, jak Aldus PageMaker</p>
        </div>
        <div id="lewy">
        <h1>FACEBOOK</h1>
        <h1>MENU DODATKOWE</h1>
          <ul class="menu">
            <li><a  href="">ds</a></li>
            <li><a  href="">ds</a></li>
          </ul>
        </div>
      </article>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
article {width: 1000px;margin:auto;}
#lewy{ background: url("cs.png") repeat;padding: 10px 10px;box-shadow: 0 4px 10px 5px #000000;float:left;width: 320px;}
#prawy{background: url("c.png") repeat;padding: 10px 10px;box-shadow: 0 4px 10px 5px #000000;width: 640px; float:left; }
[HTML] pobierz, plaintext

CuteOne

12.11.2011, 10:52:10

Ja bym to na twoim miejscu w JS skrobnął... będziesz miał gwarancję, że na wszystkich przeglądarkach będzie działać tak samo.

Kod

a = wysokosc diva A
b = wysokosc diva B

if( a > b )
ustaw wysokosc b = a
else
ustaw wysokosc a = b

Sebastian003

12.11.2011, 12:17:57

Czyli jak by to wygladalo nie znam JS? Prosze o przyklad w moim kodzie

CuteOne

12.11.2011, 13:17:47

To pora się go nauczyć... my możemy Ciebie nakierować ale całą robotę odwalasz sam

Kostek.88

12.11.2011, 16:13:55

http://matthewjamestaylor.com/blog/equal-h...ns-2-column.htm - to dziala na 100%, moze tak sprobuj

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.