I found a Jquery workaround by adding:
<script>
$('#sidecontainer').height($('#content').height());
</script>
but that doesnt work for the smaller viewports.
On Friday, July 26, 2013 3:55:20 PM UTC-7, Jeremy Rareparts wrote:
>
> I have a side bar on the left. I want the upper portion of the sidebar to
> have a DIV, then another div below it with contact information, but they
> are stacking on top of each other.
>
>
>
> CSS:
> #sidecontainer {
> position:relative;
> height:100%;
> border: 2px dotted red;
> }
> #sidebar {
> display:block;
> }
> #contact {
> position:absolute;
> display:block;
> bottom:0;right:5px;
> }
>
> HTML:
> <div class="span3" id="sidecontainer"><!--sidebar-->
> <div class="row-fluid">
> <div class="span12" id="sidebar">
> <ul class="nav nav-list">
> <li class="nav-header">Our Services</li>
> <li class="active"><a
> href="#">Overview</a></li>
> <li><a href="#">Products</a></li>
> <li><a href="#">Testing</a></li>
> <li class="divider"></li>
> <li><a href="#">Contact Us</a></li>
> </ul>
> </div>
> </div>
> <div class="row-fluid">
> <div class="span12" id="contact"><!-- CONTACT -->
> <p>621 Wilshire Avenue Stockton, CA 95203</p>
> <p>Phone: <span
> class="sbc">800.621.2005</span></p>
> <p>International: <span class="sbc">00 +1 +209
> 948 6005</span></p>
> <p>Fax: <span
> class="sbc">209.948.2851</span></p>
> <p>Email: <span class="sbc"><a href="mailto:
> [email protected]">[email protected]</a></span></p>
>
> </div><!-- /contact-->
> </div>
> </div><!--/sidebar-->
>
> example is at:http://jc-server-test.mooo.com:6089/bootstrap/
>
> I am stuck, I have the containing DIV set to relative, and the inner div
> set to absolute bottom, and nothing.
> Any suggestions will be much appreciated =)
>
>
>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
