<div id="footer">
<div class="row">
<div class="span5">
<img src="../goyal/webdesign.jpg" class="verisign-image"></div>
I am a
<select style="width:10%;" class="dropup">
<option value="select">--select--</option>
<option value="Business">Business</option>
<option value="Indivisual">Individual</option>
</select>
<button class="btn dropdown-toggle btn-Warning" style="margin-top:-1%;">Go!
</button>
<div class="span5" style="float:right;">
<div class="footer-feedback">
<p class="left">Add & claim your business link|
<a href="">link1</a>|
<a href="">link2</a>
</p>
<span class="footer-feedback">
<h5>Feedback</h5>
</span>
</div>
</div><!--span5 -->
</div><!--span5 -->
</div><!-- row -->
</div>
css:
div#footer {
position:fixed;
left:0px;
bottom:0px;
height:30px;
width:100%;
background:#eee;
}
/* IE 6 */
* html #footer {
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
span.footer-feedback{
color:#fff;
float:right;
width:80px;
height:100%;
background:green;
}
p.left {
text-align:left;
float:left;
}
p.right {
float:right;
text-align:right;
}
I require precise alignment in my footer. For instance, the feedback should be displayed in the middle of the green area. On the left side of the green area, I want the text "Add & claim your business link| link2 | link3." In the center, I would like "I am a", select options, and a Go button in orange color. Additionally, the footer must remain fixed.