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.
