looking for alignment hint
Enthusiast
Posted: Thu, 2008-05-15 18:25
Greetings,
I've been reworking my site and have bagged the gaudy header and footer approach, but am having difficulties getting the simple remaining footer parts to line up. The site is:
www.comprehensiveforestry.com
The div furthest down on the page (every page) contains the three simple parts - a div, an image, and a div -- that I'm working with. I'm trying to line up the three horizontally.
Can someone help me figure out what I'm missing? (I would expect them to line up, one after the other, left to right, since their sizes are dictated by percentage. However, even if I use a pixel width, they don't line up.)
Thanks for your time. -- rbfree
Here's the xhtml (validated)
<!-- Beginning of Footer -->
<div id="footer">
<div class="webmaster_style">
Current Web Documents
<br />designed this web site
</div>
<a href="webmaster_email_form.html"
class="footer_contact">
Contact Webmaster
</a>
<div class="webmaster_style">
Website last modified
<br />
<script type="text/javascript">
lastUpdated()
</script>
</div>
</div>
<!-- End of Footer --> Here's the CSS (validated)
/* Beginning of Footer */
#footer {
clear: both;
margin-top: 25px;
margin-bottom: 15px;
font: bold 55% verdana, sans-serif;
line-height: 1.5em;
text-align: center;
}
.webmaster_style {
width: 25%;
color: #000000 !important;
}
a.footer_contact {
display: block;
width: 15%;
margin-top: 6px !important;
margin-right: 30px;
margin-bottom: 4px !important;
margin-left: 10px;
padding-top: 3px;
padding-right: 3px;
padding-left: 5px;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #FF4500;
}
/* End of Footer */CSS n00b
Enthusiast
Posts: 223
Joined: 2008-03-16
Float
Posted: Thu, 2008-05-15 18:33
You have block elements that each create a new line. Float all 3 left and you are done.
Enthusiast
Posts: 120
Joined: 2007-12-19
perfect, thank you
Posted: Fri, 2008-05-16 18:43
Thanks Caposoft. Right on the mark.
CSS n00b