[CSS] wysokosc div Opcje

[Sebastian003]

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]

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.

Ten post edytował Kaloryfer 11.11.2011, 23:41:07

[Sebastian003]

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 

Ten post edytował Sebastian003 12.11.2011, 08:58:23

[CuteOne]

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]

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

[CuteOne]

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

[Kostek.88]

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