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

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -