N
nowhere man
I have 3 divisions contained within a main division.
Assume each one is 33% of the larger container.
Divisions 1 and 2 appear to resize properly with the resizing of the browser
window. But #3 floats down below division 1 and becomes seperated from the
main container.
Which throws the whole display off. What's the cure for this problem?
div.main{height:100%;width:90%;}
div.sample{height:90%; width;33%;; float:left;}
<body>
<div class="main">
<div class="sample">1</div>
<div class="sample">2</div>
<div class="sample">3</div>
</div>
Assume each one is 33% of the larger container.
Divisions 1 and 2 appear to resize properly with the resizing of the browser
window. But #3 floats down below division 1 and becomes seperated from the
main container.
Which throws the whole display off. What's the cure for this problem?
div.main{height:100%;width:90%;}
div.sample{height:90%; width;33%;; float:left;}
<body>
<div class="main">
<div class="sample">1</div>
<div class="sample">2</div>
<div class="sample">3</div>
</div>