Problems with Column Alignment

[WilliamParticipant Post count: 2]

I’m trying columns on my test site and the results don’t align as I would expect.  Not sure what I’m doing wrong, but I’d appreciate a point in the right direction.

You can see the issue at http://test.beem.us/about. The second column moves the title over a space and the first line down a line so it’s uneven with the first.

Here’s the HTML I’m using.

 

Stuff about me.
<div class=”one-half first”>
<h2>About Me</h2>
I’m a Central Florida native with a background in photography and Information Technology. You can find my photography at <a href=”http://williambeem.com” target=”_blank”>William Beem Photography</a>, views on life in Central Florida at <a href=”http://orlandolocal.com” target=”_blank”>Orlando Local</a>, and I’m blogging turning one of my oldest sites into an <a href=”http://william.beem.us” target=”_blank”>Information Technology</a> blog.
</div>
<h2 class=”one-half”>About This Site</h2>
This site runs on WordPress and uses the Genesis Theme by Studio Press.

---

–William
http://williambeem.com

• This topic was modified 5 months ago by  William.

• This topic was modified 5 months ago by  William.

[anitacModerator Post count: 2682]

The second half isn’t wrapped in the second column DIV. I don’t see it in Firebug.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[Susan NelsonParticipant Post count: 94]

You need to wrap the 2nd column info in a div called one-half.  You don’t add that class to the h2.  So, it should be:

<div class=”one-half”>

<h2>About This Site</h2>
This site runs on WordPress and uses the Genesis Theme by Studio Press.

</div>

---

Susan Nelson | Oh, Hello Designs | Twitter | Facebook
Community Theme Developer: Pure Elegance

[WilliamParticipant Post count: 2]

Hmm.  You’re right, but that doesn’t seem to correct the issue.  Here’s the current code, but the display remains the same.

 

Stuff about me.
<div class=”one-half first”>
<h2>About Me</h2>
I’m a Central Florida native with a background in photography and Information Technology. You can find my photography at <a href=”http://williambeem.com” target=”_blank”>William Beem Photography</a>, views on life in Central Florida at <a href=”http://orlandolocal.com” target=”_blank”>Orlando Local</a>, and I’m blogging turning one of my oldest sites into an <a href=”http://william.beem.us” target=”_blank”>Information Technology</a> blog.
</div>
<div class=”one-half”></div>
<h2 class=”one-half”>About This Site</h2>
This site runs on WordPress and uses the Genesis Theme by Studio Press.</div>

---

–William
http://williambeem.com

[Susan NelsonParticipant Post count: 94]

You still have <h2 class=”one-half”>  Make it just <h2>.

---

Susan Nelson | Oh, Hello Designs | Twitter | Facebook
Community Theme Developer: Pure Elegance

[WilliamParticipant Post count: 2]

Perfect!  Thanks for the help.  I think I was staring at it too much to see the obvious.

---

–William
http://williambeem.com

[Susan NelsonParticipant Post count: 94]

No problem!

---

Susan Nelson | Oh, Hello Designs | Twitter | Facebook
Community Theme Developer: Pure Elegance

[Author]

Posts