javascript - div height changes as other fluid div height changes -
i have 3 column page 2 fixed divs on either side , fluid (100%) div in middle stretches fill remaining space , viewport enlarged. in central 100% div there image carousel, width of div increases height. question is, there anyway give right hand div css height value changes same height central div? perhaps javascript modifies div's height central div grows vertically?
here's css:
.container { min-width: 1100px; width: 100%; margin: auto; text-align: left; height: 100%; } .left { float: left; width: 230px; margin-left: 20px; } .middle { top: 10px; margin-left: 270px; margin-right: 270px; } .right { float: right; width: 230px; margin-right: 20px; } #imgcontainer { width: 100%; }
the div #imgcontainer found within div .middle. ideally, div .right's height same div #imgcontainer.
any appreciated,
thanks
you're going need refactor markup , css.
this post covers how create equal height columns in pure css.
Comments
Post a Comment