Extra space before first image in IE, not Firefox

  • Hello,

    I had this problem with both WordPress 1.5 and 2 and would love a solution . . .

    When viewing in IE, there is always a bunch of extra space before the first image in a post. Subsequent images are fine, and everything is fine in FireFox. I have tried every possible way to insert the image to see if that changes anything, and it doesn’t seem to. Also, it only seems to happen when the post is near the top of the page. Once several posts have been added on top of it, the problem seems to resolve itself.

    Here is the site:

    https://www.ecoscribe.com/wordpress

    Thanks is advance for suggested fixes!

Viewing 11 replies - 1 through 11 (of 11 total)

  • EDITED: Ok, ignore what I wrote before if you saw it, I did more research and I was wrong.

    I will still say it’s got something to do with the firstpost classes, as that’s the only place it shows up with the extra space. I’ll continue to dig, just cause it mystifies me. ??

    Ok, I won’t edit that one anymore, cause ugh, I’m just plain dumb tonight.

    I’m going to take a third stab and then hope that someone has better eyes than I do…

    I think it has something to do with clearing floats, as every time the space is added (to single post pages or the main page) it falls below the right & left menus in IE.

    So someone who knows a lot more about CSS than I do would do good to jump in here. ??

    You have <p> and </p> around your image on the front page. Try getting rid of them and see if that helps. You can use a
    <br clear='all' />

    instead if you need to…

    Thread Starter kivi

    (@kivi)

    Taking out the tags and/or adding the “clear” code didn’t help, and actually made things worse, because text in columns one and three overlapped into the middle column. So I’ve added the codes back in and am where I started.

    I just tried changing the theme and that fixed the problem, which tells me the issue is with the theme I’m using: f3Green 1.0 by Fredrik Fahlstad. I also just downloaded the theme again and reinstalled it, in case a file was corrupted, but that didn’t help either. So, it’s something within the CSS or the PHP files, I assume.

    I will post a message to the theme author’s site, because I really like this theme, but if you have ideas, please let me know. Otherwise, I’ll just have to change the theme, because this space thing really bugs me.

    Thanks!

    Just because I’m hard headed, I installed that theme on a test site, and yup, it does that right out of the box in IE (along with a few other weird things).

    So… that’s the way his theme works in IE. I even removed all of the clear specs out of the CSS, and it still does that. (Not that this helps you any, just confirming.)

    I haven’t looked into this theme at all yet, but there is an could be possible fixes to fix this problem, so it’s the same in BOTH browsers…you have to either wait on that..or maybe someone else already knows the fix and will post it much sooner. =) I’m one that likes to get stuff working good in both browsers, because IE sucks ass.. LOL!

    spencerp

    Have you tried making the pictures a little bit smaller? It looks to me as though they are just a few pixels too wide for the block they’re contained in. IE will do strange things in that case.

    Well, I have confirmed the mal-behavior by Internet Exploiter using both of the themes by or based on Green Marinee by Ian Main.

    If you change the width of the content (default is 765 for green marinee) to 766 you can get almost the correct result… except for a small 1 pixel offset in the right edge of floating content “page”.

    I really would like to use this theme, but it really did foul up the page views in the most popular browser …
    Also confirmed… Firefox rendered this theme perfectly.

    Jeff

    I see by the title of this post it has not been marked “resolved”….just curious if any of you resolved this issue by either modifying f3green or deciding not to use it at all. If it does work for you, please let us know how you figured it all out. I’ve noticed the author’s site indicates he addressed the IE issue, but I am still unable to properly view f3green, and by this I mean, it doesn’t appear at all. Looking for your suggestions.

    Hi,

    I had the same problem but I’ve resolved it. What I found I had to do was to add a height and width tag for my image and I had to make the image fairly narrow.

    Here’s the code I used:

    <img src=”https://www.fictitiousblurbname.com/example.jpg&#8221; width=”400″ height=”450″alt=”edge” />

    I’ve made up a silly path name, but it’s the width and height tags that are important. I found that 400 for the width tag worked well, but then I have a 14″ screen; it may be that 450 would have worked fine, but I just couldn’t see it here at home.

    I hope this helps!

    Amy

    Hi! I am new to wordpress and experienced the same problem with my theme WP-Andreas00 1.0 by Andreas Viklund. How do I add a height and width tag? Do I paste the code mentioned by amynelso– where do I paste it? May sound like a basic question but I really don’t know where to go from here!! Thanks for your help!! Yvonne

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Extra space before first image in IE, not Firefox’ is closed to new replies.