WordPress.org

1. brimur
   Member
   Posted 3 years ago #

   Hi, just wanted to let you know that in IE it is fine but in Firefox and Chrome the right border only goes to half the page.

   I have a screenshot here....

   http://img90.imageshack.us/img90/7748/scrapbookgd3.jpg

   Thanks for the cool theme!

2. esmi
   Theme Diva & Forum Moderator
   Posted 3 years ago #

   Works fine in Firefox here. In fact, Firefox is my main browser, so all of my themes are designed & tested in FF and then 'fixed' for IE using conditional sheets.

   The problem isn't the right border. It's your sidebar. It's either been shifted over to the right or its width has been increased. Try removing the background from 'sidebar in color.css (line 134) or adding:

   border:1px solid red;

   to '#sidebar and you'll see what I mean.

   Then, around line 193 of layout.css, either reduce the width of #sidebar or increase the percentage for the 'right' declaration to shift it further to the left.

3. brimur
   Member
   Posted 3 years ago #

   Thanks for the quick reply. I tried your suggestions but it does not seem to be the sidebar. the site is http://www.brimur.com if you could have a quick look. It looks like some other "box" on the right is moved to the right too much as it goes over the right side of the page.

   Btw it all looks fine at 1024x768, Im currently looking at it @ 1920x1200 but looks the same at anything above 1024x768.

4. brimur
   Member
   Posted 3 years ago #

   Btw it all looks fine at 1024x768, Im currently looking at it @ 1920x1200 but looks the same at anything above 1024x768.

5. esmi
   Theme Diva & Forum Moderator
   Posted 3 years ago #

   Three suggestions:

   1. Increases the max-width on 'wrapper in layout.css (you may also have to increase the max-width on #inner by the same amount.

   2. Or increase the right position percentage on .sidebar around line 197 of layout.css.

   3. Or, in layout.css (line 192) replace:

   .sidebar {
   	width:180px;
   	position:absolute;
   	top:135px;
   	right:5%;

   with:

   .sidebar {
   	width:180px;
   	float:right;

   I recently changed the sidebar from a right float to an absolute position to avoid any clearing problems in the content. Looks like I'll have to switch it back.

Topic Closed

This topic has been closed to new replies.