Forums

Display Issues

Permalink
I am using the plain yogurt theme and have a problem with the way the site displays on different computers. Besides adding text and the navigation, I made only two modification to the site. One is to add a background and two to remove the dotted lines on the theme. The background was added by adding the following code in the main.css 
body {padding: 0px; margin: 0px; background: url(images/background.jpg) no-repeat center; background-color:#cacaca}
.

I removed the dotted lines in the main.css with the following. 
#page #central {/* background:url(images/nav_sidebar_right_bg.gif) repeat-y center;*/
 clear:both; }
and also, 
#page .divider{padding-top: 12px; /*background: url(images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; */ clear:both; width:100%; }

Nothing else has been changed.

I have viewed the site on 2 computers with IE9 and one with Chrome. Each computer has all the text and navigation blocks, either higher or lower on the page. None are same. Only one IE9 computer is showing the site accurately and it is not even the computer used to program it.

I am a novice and any help would greatly be appreciated.
 
FernandoCordeiro replied on at Permalink Reply
FernandoCordeiro
If you properly indent your last line of code it becomes:

#page .divider{
    padding-top: 12px;
    /*
    background: url(images/nav_horizontal_divider.gif) no-repeat top;
    overflow:hidden;
    height:1px;
    */
    clear:both;
    width:100%;
}


I'd uncomment "overflow:hidden;" and "height:1px;", for starters.

It'll become:

#page .divider{
    padding-top: 12px;
    /*
    background: url(images/nav_horizontal_divider.gif) no-repeat top;
    */
    overflow:hidden;
    height:1px;
    clear:both;
    width:100%;
}


The template possibly relies on that height and/or overflow for this Div. So when you unset it, it could break something.

I'll investigate the code further, but that's a good place to start.
am1020 replied on at Permalink Reply
Thanks, I made the recommended changes but I still have the same problem.

Let me know if you can think of anything else.