How to fix Blogger photo spacing?
July 18, 2005 10:37 AM

Blogger added some weird spacing to my blog when I posted photos. Help!

On my weblog home page, I posted some photos of my recent trip to Ireland. At first, I tried out the new Image feature on Blogger, but after that didn't work, I deleted all the code and inserted my own. It still doesn't look right. All the images are on the page, it's just that the images show up below the archives bar. Since I've been blogging since 2000, that's pretty far down my page. I don't claim to be a programming maven of any sort, so any help you can offer would be greatly appreciated - but please dumb it down a bit!

Thank you!

Oh, and p.s., the site is http://www.meetmegan.com/
posted by MeetMegan to Computers & Internet (6 answers total)
Try this maybe: A Layout Solution.
posted by chunking express at 10:58 AM on July 18, 2005


This is what's doing it:
<div style="clear:both;"></div>

Before most of your pictures. What this means is "do not put this element next to any floated elements" — so by including the cleared div, you're pushing the images below your righthand menu.
posted by rafter at 10:59 AM on July 18, 2005


On preview, chunking's got it.
posted by rafter at 10:59 AM on July 18, 2005


Prior to a photo is this code:

<div style="clear:both;"></div>

That might have something to do with it.

Also, are you sure yor photos aren't wider than the container they're in? That would do it for sure (in some browsers, like Safari, which is what I'm using, and I see the photos breaking).
posted by o2b at 11:02 AM on July 18, 2005


Ok then.
posted by o2b at 11:03 AM on July 18, 2005


Thanks to all...I fixed the problem using chunking's answer. Wow. You guys rock!!
posted by MeetMegan at 11:06 AM on July 18, 2005


« Older Do menu systems really change that frequently?   |   2 weeks in London, Edinburgh, Montreal Newer »
This thread is closed to new comments.