WordPress.org

1. fm
   Member
   Posted 8 years ago #
   

   Could you please give me some advice as to how I could fix that??? Thanx

   http://sites.neeweb.com/smarties/

2. Ming
   Member
   Posted 8 years ago #
   

   IE and Mozilla browsers deal with widths and paddings differently. Right now, in IE your content and sidebar are wider than the width of your page (probably only by a few pixels). Since they can't fit side by side one of them is forced below the other.

   The easiest way to fix is to narrow your content or sidebar until both fit. (Or, if it's opposite day, you could also make your page wider ;-)

3. fm
   Member
   Posted 8 years ago #
   

   Could you be more precise on what I should play with in the CSS, I'm no expert and don't want to mess evrything up!!!

4. Ming
   Member
   Posted 8 years ago #
   

   No problem. What you'll want to change is one of these 3 lines in your style.css

   #rap { width: 620px; } <-- Width of your whole page
   #content { width: 469px; } <!-- Width of your posts
   #menu { width: 120px; } <!-- Width of your sidebar

   So for instance, you could change #content to #content { width: 450px; } That'll make your post area a little smaller so your sidebar should fit. You'll have to play with that number, 450px is just an estimate.

   Unfortunately, there's a bigger problem to fix first.

   If you look at your sidebar you'll see that it's a mess of

   and
   • tags. The problem is they're not properly closed and that can cause major display problems. You need to go through your sidebar.php file and make sure the tags open and close properly.

     You can see examples of how lists work at http://htmldog.com/guides/htmlbeginner/lists/

     To make it easier to work you might want to make a backup of your sidebar.php and then erase most of your sidebar content. Just focus on getting one section, say the Categories, laid out properly. Once it's working you can add back in the other sections following your working example.

     Oh, when you get the category formatted properly, if the sidebar is still below the posts you might want to change the #content to #content { width: 400px; } so there will definitely be enough room to display side by side. Once it's all figured out you can increase this value upwards until the sidebar is pushed down. That's the ol' brute force method to getting the width right!

     It's probably a little confusing but give it a try and let me know how it's going.

5. James
   Happiness Engineer
   Posted 8 years ago #
   

   In IE, is your sidebar pushed to the bottom and content slightly shifted to the left? If so, http://wordpress.org/support/topic.php?id=26033#post-146385

6. smarties
   Member
   Posted 8 years ago #
   

   Thanx a lot Ming and macmanx!!! I'll try that and I'll get back at you :)

Topic Closed

This topic has been closed to new replies.