Pictures not auto-resizing and sidebar in IE

[hscooter123]

Love your theme. So user-friendly and quite powerful. Two quick questions:

1) I've just transferred to your theme from a previous one for my blog at http://deardaughters.com. The posts that were created prior to the transfer show HUGE images; so I'm guessing that the auto-resizing feature in your theme can't accommodate images inserted prior to installing your theme? If it can, please let me know how to fix the problem. I really don't want to go back in and manually resize all the photos, so I'm keeping my fingers crossed that you can recommend an easier way.

2) When I pull up the home page on Explorer, the width of the page is so big that the sidebars get thrown all the way to the bottom, and the footer looks like a bunch of unsorted boxes all over the place. What gives? Can I correct the way the theme shows up in IE? I'm running IE 7 right now, and elements are ALL over the place.

Thanks in advance!

[hscooter123]

Correction: It's not just the old, transferred images that aren't auto-resizing, I guess. It looks like the new ones are still HUGE too. Is there a box I could have checked to disable the auto-resizing of images? Thanks!

[WPVulpe]

The auto-resizing function is only used for photo gallery, featured content, and posts' block images. The images inside post can be resized but you'd have to use the function yourself,
e.g. instead of using this URL:

Code: Select all

http://deardaughters.com/wp-content/uploads/2010/01/DSC_0003.feature.jpg

you'd have to use:

Code: Select all

http://deardaughters.com/wp-content/themes/Zeoal/thumb.php?src=http://deardaughters.com/wp-content/uploads/2010/01/DSC_0003.feature.jpg&h=130&w=275

h and w parameter to specify the image size.

Sounds gibberish? Here's an another way:

Open file style.css

Find:

Code: Select all

.box img {
/*margin:0 0 5px;*/
margin:0;
}

Replace with:

Code: Select all

.box img {
/*margin:0 0 5px;*/
margin:0;
max-width: 100%;
}


Find:

Code: Select all

#content_pa {
padding:11px;
}

Replace with:

Code: Select all

#content_pa {
padding:11px;
max-width:100%;
}

That should take of the images in mini-post and single block from overflowing. Note that although dimensions of the images will be resized, data size will stay the same.

2) When I pull up the home page on Explorer, the width of the page is so big that the sidebars get thrown all the way to the bottom, and the footer looks like a bunch of unsorted boxes all over the place. What gives? Can I correct the way the theme shows up in IE? I'm running IE 7 right now, and elements are ALL over the place.

Do you get the same problem here?