Problems with layout (FF vs IE)

  • I’ve been modifying Headsetoption’s Tree theme on my site [https://tsuzuke.animeblogger.net] but I was viewing it with FireFox at first.

    When I fixed the code enough to look okay on FireFox, I checked it on Internet Explorer and the sidebar was dragged all the way beneath the contents.

    How can I fix this? I’ve tried to figure out how to make the layout work on both FF and IE, but have had no luck.

    Any tips, suggestions, and help are much appreciated. Advice on how to prevent this in the future will help, as well. ?? Thank you!

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

  • Whats the css your using right now? For two column fixed layouts, this is what works best for me:

    float both columns, one left one right, give them a specific width

    make sure the container div is at least 10px wider, and have height: 1% + overflow: auto

    Thread Starter deinakun

    (@deinakun)

    The CSS is below. I’m not really sure how to float columns (like layer them?), but I’ll do some research on. I’ll post about how things go. :] Thank you.

    This is the CSS for the theme:
    https://tsuzuke.animeblogger.net/wp-content/themes/tree2/css/tree.css

    Thread Starter deinakun

    (@deinakun)

    I fixed the sidebar problem with float, but how do I center the alignment so that it’s fixed in the middle of the page for all resolutions?

    Specifiy a width to the body tag, ie) 900px, give it these properties:

    text-align: left;
    margin: 0 auto;
    width: whatevre;

    to the html tag

    text-align: center;

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problems with layout (FF vs IE)’ is closed to new replies.