Cross Browser Trouble, IE versus Firefox

Can anyone explain to me what steps I should take in order to make my site (https://www.areyoumodest.com) display more correctly in IE?

step 1: validate

Okay! everything is all validated. It still is not showing up correctly in Safari or IE though. Any ideas or suggestions?

actually, now that its all validated its even a little screwy in FF. there are some strange spaces in between posts, and my widget on the left is just showing a link instead of an image. eek!

the validation issues/fixes probably have nothing to do with that image. Look at the source:

<a href="https://ffffound.com/image/b80600ea2219ab532be35b0dca4fa15ff4a3a248" title="Olle Hemmendorff’s Nike Air Max 90 Burger – today and tomorrow"><img src="b80600ea2219ab532be35b0dca4fa15ff4a3a248_xs.jpg" alt="Olle Hemmendorff’s Nike Air Max 90 Burger – today and tomorrow"></a></li>

Now according to what i just pasted, that image is right here:

https://areyoumodest.com/b80600ea2219ab532be35b0dca4fa15ff4a3a248_xs.jpg

what do you see? I certainly dont see the image in the associated url — the sandwhich shoe.

as far as anything else being ‘off’ your site is so minimalistic, its really hard to see problems. Youre probably going to to need to dumb it down and explain in detail for those of us that dont know it as well as you.

I appear to have a similar Firefox/IE issue. It was created in Firefox and look great in that browser. However when opened in IE most of the site is blank.

https://redgypsy.com/blog/

Following whooami’s advice I tried validator.w3.org but it came up with no errors. Assuming I used the tool correctly.

Any ideas?

Dave

Thanks very much for your help so far, whooami. the image is showing up now, i changed something in the style sheet so it started working. however the problems that are occuring are that the title “modest” is much smaller than it should be, and “modern design” is supposed to be to the right of the title, with a small vertical line separating it. the other problem is that there should not be so much space in between the thin line beneath each post and where it has the post information, “posted at 7pm…” etc. There is also that strange square dot that’s showing up, but I’m not as worried about that right now.

Here is an image of the template i am using if it helps! (though there have been a few modifications so far) https://farm4.static.flickr.com/3020/2550658005_f375a2999d.jpg?v=0

i am trying to revert my title back to something along those lines. im using the trial and error method but having no luck! thanks again.

its still looking terrible in IE and not that great in safari. any ideas anybody? thank you!

bump?

bump bump

bump bump bump? come on, anybody?

What is this doing in your stylesheet???

#header .inside{
	padding: 3em 0px;
}script src="js/jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
	$(function(){
		$("#page-wrap").wrapInner("<table cellspacing='30'><tr>");
		$post").wrap("<td>");
	});
</script>

i have no idea!!! i dont even know what it means. should i remove it?

bump again