Posted 3 years ago #
I just finished my first wordpress instalaltion and setup. Everything looks fine in Firefox. But, in IE the text wraps around the image in a weird way. I want the text below the image.
Here's a screenshot of IE : http://tinyurl.com/o9y25
I looked around the forum and documentation, but couldn't find anything very specific to my problem. My apologies if this question has been answered elsewhere.
Thanks!
Posted 3 years ago #
You could always try installing or experimenting with different themes. There will always be slight differences between the way FF and IE display pages. I'm still a newbie myself, but here are some themes:
Phil P
Posted 3 years ago #
I tried at least 6 different themes. I tested them on IE6, IE7, Firefox and Flock. I tested the pages from four different computers. IE always fails to render the pages correctly regardless of theme or browser version.
Take a look here:
WordPress Troubleshooting: My blog looks horrible in IE!
Posted 3 years ago #
Good article, but little too technical for me. I'm still playing with the validation tool mentioned in the article. No luck yet though.
Posted 3 years ago #
Not having much luck yet. Does anyone else have any other ideas?
Maybe I could use a IE "compatible" theme if any such thing exists. Does it?
Posted 3 years ago #
it might help if we had a URL to look at - those of us with the dev tools in FF can help find the problems...
Posted 3 years ago #
Thanks for offering to help.
Posted 3 years ago #
okay, this might be this simple, and it might not be.
in the code for the image placement, you have align="left" which makes the text wrap to the right. because there's a HAIR of space there, IE tries to do just that. FF being smarter, knows it would look stupid and doesn't do it.
that said, you have some minor validation errors that might also be part of the problem:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fbogblogllc.com%2Fartifake%2F2006%2F06%2F26%2Ftime-machine%2F
and one more thing:
in your CSS, you have:
.entry img {
display: block;
margin: auto;
border: 0;
padding: 0;
background: #F3F3F3;
get rid of display:block; and see what happens.
Posted 3 years ago #
display: block; was the culprit. as soon as I took it out, IE started behaving. Thanks!
This topic has been closed to new replies.
