CSS looks different on different pages

Discussion in 'Programming' started by Archaon, May 30, 2013.

Share This Page

  1. Archaon

    Archaon Eats, Drinks, Sleeps Kustom

    Joined:
    Jul 5, 2004
    Messages:
    5,421
    Likes Received:
    0
    Hi guys,

    Stumped with the good ol' web design once more.

    So, it's a Joomla site. The issue is that the site displays differently (i.e. broken) on the home page and most of the categories. It also seems to break on all but the last page of a multiple page article; categories with multiple pages of articles are also broken except for the first page. However any single page articles and the last page of multiple page articles display how they should.

    This screenshot should illustrate what I mean (left side = bad, right side = good) or you can take a look at the site whichever is easier - http://109.74.205.191

    This is the CSS code for the offending area (topround and bottomround for the curved bits at the top and bottom, content looks after the repeated central part).

    Code:
    #content {
    	background:url("../images/cont_bg.png") top center repeat-y;
    	height:100%;
    	width:970px
    }
    .topround
    {
    	background: url("../images/top_round.png") no-repeat top left;
    	height: 20px;
    	margin: 10px 0 0;
    	width: 970px;
    }
    .bottomround
    {
    	background: url("../images/bottom_round.png") no-repeat top left;
    	height: 20px;
    	width: 970px;
    }
    #content .c
    {
    	background:url("../images/cont_bg.png") top center repeat-y;
    	overflow: hidden;
    	width: 960px;
    }
    It's a cross-browser issue, at least it's certainly present in IE10, Opera and Chrome.

    Any ideas? Is it even a CSS issue? Given that it works on certain pages is it more likely to be something to do with however it goes about generating the multiple pages?
     
  2. Delta12

    Delta12 PC Enthusiast

    Joined:
    May 24, 2013
    Messages:
    10
    Likes Received:
    0
    Personally I don't think it is a CSS issue - Not an expert however it looks to me like a div class is missing on the pages that displays faulty.

    Can't tell for sure but it may be
     
  3. Chenks

    Chenks Registered Trader

    Joined:
    Jan 5, 2002
    Messages:
    3,741
    Likes Received:
    0
    can't comment on the css, but for me i'd lose the moving background - too distracting.
     
  4. Archaon

    Archaon Eats, Drinks, Sleeps Kustom

    Joined:
    Jul 5, 2004
    Messages:
    5,421
    Likes Received:
    0
    I tend to agree, others don't. Wish I'd never turned it on. Apparently it differentiates us, perhaps by causing eye strain...?

    Will have a fudge about with the PHP later.
     
  5. Archaon

    Archaon Eats, Drinks, Sleeps Kustom

    Joined:
    Jul 5, 2004
    Messages:
    5,421
    Likes Received:
    0
    Thanks for the help guys.

    This fixed it -

     
  6. Delta12

    Delta12 PC Enthusiast

    Joined:
    May 24, 2013
    Messages:
    10
    Likes Received:
    0
    Turned out to be CSS, well glad you got it sorted :)

    BTW, nice site :)