WordPress.org

1. deinakun
   Member
   Posted 5 years ago #

   I've been modifying Headsetoption's Tree theme on my site [http://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!

2. basketball
   Member
   Posted 5 years ago #

   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

3. deinakun
   Member
   Posted 5 years ago #

   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:
   http://tsuzuke.animeblogger.net/wp-content/themes/tree2/css/tree.css

4. deinakun
   Member
   Posted 5 years ago #

   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?

5. basketball
   Member
   Posted 5 years ago #

   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;

Topic Closed

This topic has been closed to new replies.