WordPress.org

Ready to get started?Download WordPress

Forums

CSS in IE not working right... (24 posts)

  1. desk003
    Member
    Posted 9 years ago #

    Hello. This may already been asked, but oh well.
    Http://desk003.com/testwp/
    If you look in Firefox, it looks correct. but in IE, its totally messed up, and I have no idea why. Dreamweaver says there is no problems with IE reading the doc, so its very fustrating.

  2. NuclearMoose
    Member
    Posted 9 years ago #

    desk003,
    Trust me, EVERYTHING is screwed up in IE. ;)
    Let me have a look and I'll see if I can find anything...I'm expert at hating IE; almost enough to turn into an Opera user...
    DID I JUST SAY THAT?

  3. NuclearMoose
    Member
    Posted 9 years ago #

    desk003,
    Well, I surrender. IE 6 is just FUBAR. Can I suggest a site which may help you with your three-column layout? Position Is Everything is a great resource for dealing with these problems. I wish I could help more, but my skill level is just not up to the task.
    I'm sure others will have a look at it and give you any suggestions that they may have.

  4. prara
    Member
    Posted 9 years ago #

    Micrusuft's IE doesn't follow standards. You have to see a part of your code that IE does not support.

  5. desk003
    Member
    Posted 9 years ago #

    NuclearMoose, Thanks for the site, I'll look there.
    prara, I'm not sure what exactly you mean by "You have to see a part of your code that IE does not support."
    -d3

  6. prara
    Member
    Posted 9 years ago #

    I met a css syntax once that Konqueror does not support yet. I think that goes with IE.

  7. Root
    Member
    Posted 9 years ago #

    I have just published the screen shots of my own validated blog; from the full line up of browsers. It is not pretty but I am not embarrassed to show them. By all means have a look. You are not alone.

  8. WillM
    Member
    Posted 9 years ago #

    Relax, most WordPress users wouldn't touch IE with a bargepole, and if any of your readers still use it its your job to convince them otherwise ;)

  9. Root
    Member
    Posted 9 years ago #

    Heck, once they have seen my screenies I hope they wont need much convincing. Thanks for visiting.

  10. desk003
    Member
    Posted 9 years ago #

    Hah, Good shots root. I'd make em bigger though. Yeah, Ive decided to forget it and just make it look best i can and oh well.

  11. trench
    Member
    Posted 9 years ago #

    Heck, I switched to Firefox just because of this forum. :)

  12. cLin
    Member
    Posted 9 years ago #

    speaking of browsers, when i design a layout, which browsers should i view them in to make sure it looks good? opera, IE, firefox? Anything else?

  13. desk003
    Member
    Posted 9 years ago #

    i'd also check on the mac too. sometimes macs and pcs display diffrent.

  14. desk003
    Member
    Posted 9 years ago #

    Okay. I said i gave up on making IE make it look right. but it also looks bad in safari. so I NEED to make it look good, PLEASE anyone, help. I'm so freaking pissed at this thing.
    http://desk003.com/index.php
    http://desk003.com/wp-layout.css
    Thanks in advance

  15. prara
    Member
    Posted 9 years ago #

    FireFox forever! Download your copy now: http://www.mozilla.org

  16. desk003
    Member
    Posted 9 years ago #

    thats what i say, but some people just wont switch. Damn M$ Lubbers.

  17. desk003
    Member
    Posted 9 years ago #

    @quasistoic:
    Thanks! that helped to make firefox and IE look the same, but I still have the problem of the orange bars not going all the way down the page. Any ideas? I tried height: 100%;, height:auto;, height:inherit;, but none of them help. thats putting that into:
    #left {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 230px;
    ----I put the height here----
    background: #f90 url(left-edge.png) top right repeat-y;
    overflow: auto;
    }
    #right {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 230px;
    -----I put the height here----
    background: #f90 url(right-edge.png) top left repeat-y;
    overflow: auto;
    }

  18. quasistoic
    Member
    Posted 9 years ago #

    desk003: the most common solution to that involves using a background image.
    See here: http://www.alistapart.com/articles/fauxcolumns/

  19. quasistoic
    Member
    Posted 9 years ago #

    By the way, the most useful tool I've ever come across for page design is the EditCSS plugin for Firefox.
    If you install no other plugin, let this be the one.

  20. desk003
    Member
    Posted 9 years ago #

    I tried that, using that code, in #rap, which i put between <body> and </body>, but for some odd reason, the image wouldent show up.
    http://desk003.com/back1.png is the image i used..
    #rap {
    background: #ccc url(back1.png) repeat-y 50% 0;
    }

  21. Root
    Member
    Posted 9 years ago #

    What is that repeat y 50%?

  22. desk003
    Member
    Posted 9 years ago #

    is what the site said to do. repeat-y for it to go down the page, 50% to center it.

  23. Anonymous
    Unregistered
    Posted 9 years ago #

    desk003: instead of using that image as the background for #rap, use it for body.
    body {
    background: #ccc url(back1.png) repeat-y 50% 0;
    }

  24. desk003
    Member
    Posted 9 years ago #

    that worked!!! THANKS!!! I'll add it in for good later, i gotta mess with the width of the image and such.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.