• I’ve been using Firefox for so long that I didn’t even think about the way my site looked in IE. Well, I happen to visit it through IE and the CSS is all off. I really don’t know what info I need to provide here to get some help with this. If anyone is willing, please just let me know and I’ll post it all up. The right side bar is all out-of-whack in IE.

    https://dark7.org/journal/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter splunk

    (@splunk)

    Any ideas?

    Though I don’t think all the validation errors are the root of the problem, it may help. Most likely, some of the images and QT things you’ve posted are breaking the layout. Try removing, or shrinking the pics to fit your theme, or work with a theme that will accomodate the wide pictures.

    You can try adding this to the style sheet right below #menu.

    html #menu {margin-right:8%;}

    After you make the change, check it using IE. If it didn’t do anything at all or it totally screwed up everything, come back here and we’ll try another hack. If it changed the layout but didn’t position it exactly where it should go, try adjusting the above code. For example, try 7% or 9%. Then try substituting 10px, 15px, etc. instead of x%. Play around with that and see if it fixes the problem in IE. Make sure to also check it out using firefox whenever you make a change.

    Thread Starter splunk

    (@splunk)

    That just really messed it up Robert ?? But, I took out the “last watched” text which in FireFox extends outside the little block, and everything looks normal in both now. It seems FireFox wont extend the sidebars width to accomodate the larger pics/longer txt, but IE does.

    Thread Starter splunk

    (@splunk)

    Now I’m curious if there is anyway to get the text to just wrap down if it’s wider than the sidebar…

    The only thing I can see is in this block of code;

    #links ul,
    #profile ul,
    #profile2 ul,
    #aim ul,
    #pages ul,
    #style ul,
    #meta ul,
    #other ul,
    #calendar ul,
    #archives ul,
    #categories ul,
    #wordpress ul {
    white-space: nowrap;
    text-align: left;
    background-color: #D1E3FF;
    border-top: 1px solid #00C;
    padding: 2px;
    font-weight: normal;
    }

    This might be telling everything listed there not to wrap. Try deleting the first line from the code and see what happens;
    #links ul,

    Thread Starter splunk

    (@splunk)

    tried that and it messed with some of my other stuff…so I took out

    hite-space: nowrap;

    which I had under #wordpress ul {

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Looks perfect in Firefox…pls help with Internet Explorer’ is closed to new replies.