ugrás a tartalomhoz

div min-height atributumának beállítása JavaScripttel

S3RI0US · 2010. Feb. 23. (K), 20.24
Hali!
A kérdésem: hogy tudom egy div min-height attributumát(CSS) JavaScripttel megváltoztatni, egy másik div magasságára. Remélem nem fogalmaztam ködösen...

Üdv.
Tamás
 
1

Height

Poetro · 2010. Feb. 23. (K), 21.42
div1.style.minHeight = div2.style.height;
Ugyanakkor ajánlom inkább valami JavaScript keretrendszer használatát.
2

Hova?

S3RI0US · 2010. Feb. 24. (Sze), 14.15
Ezt a kódot hova tegyem? headbe vagy bodyba?
3

jQuery

Poetro · 2010. Feb. 24. (Sze), 15.38
Természetesen ez a kód ebben a formában nem működik, csak irányadónak írtam. jQuery használatával így néznek ki a kód kb:
$(function () {
  var div1 = $('#div1'),
      div2 = $('#div2');
  if (div1.length && div2.length) {
    div1.css('min-height', div2.height() + 'px');
  }
});
és teljesen mindegy hova rakod.
4

jQuery nem használható

S3RI0US · 2010. Feb. 24. (Sze), 16.28
jQuery nem használható megoldás nálam. Esetleg valami más ötlet?
5

Használható megoldás

Poetro · 2010. Feb. 24. (Sze), 16.34
Akkor mi a HASZNÁLHATÓ megoldás nálad?
6

Fogalmazzunk akkor másképp

S3RI0US · 2010. Feb. 24. (Sze), 17.34
Valami teljesen egyszerű dolog, hogy egy floatolt div ne lógjon túl azon a diven, aminek a tetején van.
7

clearfix css

Poetro · 2010. Feb. 24. (Sze), 20.50
Keress rá a fenti megoldásra, az kell neked valószínűleg.