View Full Version : Header of content box not lining up with the rest?

07-13-2008, 11:59 AM
Hi everyone. I'm having a problem with a content box design on my blog. First, here is the code I wrote for the content box (titled "About Me")...

<style type="text/css">
.container_about {


.sidebar_about {
font-family:Arial, Helvetica, sans-serif;
border-width: 0px 2px 2px 2px;
border-spacing: 0px;
border-style: none solid solid solid;
border-color: #4F3314;
margin:0 0 20px 0;
font-family: 'Trebuchet MS', sans-serif;color: #4F3314;
line-height: 150%;

a:link {font-family: 'Trebuchet MS', sans-serif;color: #4F3314;}
a:visited {font-family: 'Trebuchet MS', sans-serif;color: #ba742a;}

<div class="container_about"></div>
<div class="sidebar_about">
<a href="http://www.blogger.com/profile/06808705631686955664"><img border="0" alt="View My Profile" style="float: left; padding: 3px 5px 0px 0px;" width="75" src="http://dougcloud.net/show/dcloudicon.gif" height="75" title="View My Profile"/></a>Hello, and welcome to my personal blog. My name is Doug Cloud and I am a freelance graphic artist. On the Web design is all about personality. Do people remember your site once they're gone? Take a lesson from the big boys like Swiss and Nike; image is everything. If you need a web design, company logo, or illustration please don't hesitate to <a href="http://dougcloud.net">contact me</a>.

You can view this content box on my blog (dcblog.net). It's on the right side at the top. As you will see the content box is not lined up with the top (the roof with "About Me"). I have been banging my head trying to figure this out so if anyone knows what is happening I would sure appreciate the info.

Thanks :)

07-13-2008, 12:16 PM
Duuhhh.......nevermind (lol). I just added 16px to the .sidebar_about section and it straightened right out.

margin:0 0 20px 16px;

I haven't a clue why it misaligned, unless it's because the header on this new design is bigger than the last.