geezerd

It looks exactly the same in IE7 and FF 3.0.8

Actually, to continue talking to myself, haha, this works best:

All you need in your CSS is this:
.overimg, .overimg img {display:inline;}

Then use THIS as the Value in the custom field:

<a href="https://blah.com"><img src="https://blah.jpg" style="padding:whatever you need for this particular image; border:maybe; other styling?;"/></a>

Use this for the CSS, seams to work better:

.overimg {display:inline;}
.overimg img {display:inline; padding:25px 0 25px 22px;}

Leave the “display:inline” in there. I dunno why, but if the .overimg div doesn’t have it, it does some wacky stuff, though it didn’t actually affect the layout, and was only noticeable if you also had a border on the .overimg div, which you’ll never want.

…nevermiiiind….

I figured it out almost immediately after leaving the question, hahah.

I just changed it to:

<div class="overimg"><?php $key="overimg"; echo get_post_meta($post->ID, $key, true); ?></div>

Put .overimg {some margins and other formatting stuff} in the CSS

And in the Custom Field value for overimg I put all the link stuff: <a href="https://blah.com"><img src="https://blah.jpg" /></a>

Wah-lah!

So, if anyone wants to know how to do it, there it is!

OK, this is 3 months old, but I don’t care, hahah…

MadsK’s code should be <div class="postend"></div> and .postend {

Making them id’s instead of classes is wrong, since they will appear multiple times per page.

Yah, Sean picked that theme, and I said “Yah, that looks fine”, then after looking at the code once I installed it, I saw it was over-loaded with options that he didn’t need, since I changed all the images anyway.

I just wanted him to find a simple “header, navigation, sidebar, content, footer” theme, and he gets this mess, lol.

I can’t imagine what in the theme is causing that in IE.

You aint gonna believe what caused this. I just found it, by switching out all the php files of the theme with the originals one at a time…

See the words “…resistance is futile…” at the bottom?

If it’s ITALICIZED, either by putting <em>blahblah</em>, or through css with the “font-style:italic” property, IE makes that huge space on the right!

WTF!?!?!?!

No, the demo is fine in IE. I went through all the source code, and it matches up to mine, too.

Bump again. Any clever coders out there that can help me figure out this mystery?

Could be a plugin conflict or a typing error on your part somewhere, maybe?

Your best bet for fixing a theme is to go to the theme’s authors site.
That one’s is:
https://the-cloisters.net/blog/wordpress-themes/soho-serenity-theme

bumpola

Anyone?

Yah, sure, I got some time to kill.

You got Yahoo Messenger or Skype?

No, changing the theme won’t affect much, just the header, so copy the header picture, and set it as the background of the header in the new theme.

That “Sandbox” theme (and it’s sub-themes or whatever they’re called) isn’t a good way to start learning WordPress, anyway, it over-complicates the learning process.

Search the themes in here for a simple 1 sidebar theme. You can just switch back, anyway, it won’t affect anything for any amount of time if you don’t like it.

Or, hell, make a 2nd “Test Blog” in a sub-folder and play around in that.

I just looked at in in Internet Explorer (I use Firefox) it looks good.

But Firefox is still displaying wrong (well, RIGHT, actually, hahah).