Need help? Check out our Support site, then


WordPress.com Forums » Support

Viewing from FF vs IE, IE looks like sh**! Why?

  1. hansworldtravels
    Member

    I am trying to get my text to wrap around inserted images, and while editing or writing it, I look at the "visual" and it wraps text correctly, when I look at "html" it does not wrap, when I publish, it does not "wrap text around images and when I look at it on IE, which I normally do not use, body text extends all the way through the sidebar columns! and looks like hell!

    what is going on here? I am using Rubric theme, as the others were too hard to read in small print and cluttered. Now the post on IE looks like horrible, and as a reader using IE I wouldn't waste 2 seconds on this post. With Firefox, it is ok, but with wrapped text it would be much nicer looking. I am using class="alignright" etc inside the code to allow for text wrap. could it be "caching" causing this?

    thanks

  2. singularcontiguity
    Member

    Unlikely to be caching. Its almost certainly because it's IE. Take a look at the screenshots here to get an idea of how badly broken IE is when it comes to CSS.

    Which version(s) of IE are you concerned about targeting?

  3. pornstarbabylon
    Member

    Websites usually look deformed on IE. I'm suppose to have bullets on my posts and they show on Firefox but don't show at all on IE.

  4. singularcontiguity
    Member

    By the way, Microsoft's approach to "fixing" this in IE 6 and 7 is to allow "conditional" CSS, wrapped in comments, that will be ignored (as comments should be) by everything except the designated version of IE, which will process the contents of the comment as if it were CSS rather than a comment.

    I seem to recall seeing a comment that suggested conditional comments don't work on wp.com, but I can't recall where and can't vouch for its accuracy.

  5. hansworldtravels
    Member

    Yeah, I see the difference in IE, guess I don't care too much about that as I never use it except for when my hotmail account opens there.

    but as to text wrapping, i thought it wrapped on an older post with images, now I go back to see it and it isn't wrapped. odd :(

    is there code needed at beginning of post to force text wrapping? if so you can write it without the brackets and i'll know to add it in.

    thanks! :)

  6. singularcontiguity
    Member

    Can you give a link to a page where the problem is occurring?

  7. hansworldtravels
    Member

    if you click my username the first post that comes up will show it to you.
    if for some reason it doesn't then it is here... Post with text not wrapping images
    thanks.

  8. singularcontiguity
    Member

    When I look at that page in FF (2.0.0.14) and IE (7.0.6000.16643), I don't see any difference in the way the images are displayed - there's text above and below, but none beside the picture. Are you looking to do something like what I did with the "Partial Orders" box inset into this post?

    By the way, I did notice that IE doesn't seem to handle your sidebar particularly well on that page; the fonts are all oversized.

  9. hansworldtravels
    Member

    yes & yes to both.

    when i look at the post in edit mode under "visual" tab it put text to the side of the images dependent upon which side I have the image aligned to. just now, it is not handling it. i just changed over to the rubric format yesterday, so maybe there are some substantial bugs in it when used for either IE or FF?

    trying to find a theme that is not "fixed width" is difficult. when i'm writing stupid posts it doesn't matter much, but the nicer posts tend to have long sentences & paragraphs that fixed width themes don't support well :(

  10. singularcontiguity
    Member

    I got that effect by wrapping the content in a floated div:
    <div style="border:1px solid;width:50%;float:right;font-size:smaller;padding:2px;"><br /> ...stuff goes here...<br /> </div>
    You should be able to float the images directly, as well.

    If you use this approach, you'll have to use the HTML editor to set it up.

  11. vivianpaige
    Member

    Have you tried clicking on the tree icon (after clicking on the picture) and setting the alignment there? That seems to be the only way that I am able to get my pictures to align properly and the text to wrap.

  12. singularcontiguity
    Member

    Another trick you can do with the div element as a wrapper is to caption the image, or have a quip about it, that floats with the image:
    <div style="float:left; ..."><br /> <img ...><br /> <p style="text-align:center;">some text here...</p><br /> </div>

    That particular snippet would keep the text centered under the image, and have the other text flow around it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags