Results 1 to 6 of 6
  1. #1
    Join Date
    Apr 2009
    Location
    Oxford UK
    Posts
    192
    Plugin Contributions
    0

    Default Messed Up CSS help

    Hi all i have been messing with my CSS and have made an error and don't know what i changed, as i have modified this stylesheet heavily and did not back it up, can anybody tell me where to look for what i want to do.

    If you take a look here
    http://www.gloopy.co.uk/
    you will see the bg.jpg is taking up the centre aswell. I only want to be able to see the background at the sides and not in the centre.

    Please help and many thanks

  2. #2
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: Messed Up CSS help

    I'm guessing you've learned the most important thing here... BACKUP any file you are about to change, no matter how small the change! We all learn the hard way

    You need to add a background color to "mainWrapper"
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  3. #3
    Join Date
    Apr 2009
    Location
    Oxford UK
    Posts
    192
    Plugin Contributions
    0

    Default Re: Messed Up CSS help

    hmmm this is my body

    body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #363636;
    background: url(../images/bg.jpg);
    background-position: top center;
    background-repeat: repeat;
    background-attachment: fixed;

  4. #4
    Join Date
    Apr 2009
    Location
    Oxford UK
    Posts
    192
    Plugin Contributions
    0

    Default Re: Messed Up CSS help

    lol how easy was that , heres what i did wrong and never noticed :-

    /*wrappers - page or section containers*/

    /**bof tnmp83**/
    #mainWrapper {
    //background: url(../images/bg.png) repeat-y top;
    margin: 0 auto;
    width: 990px;
    }
    #headerWrapper{
    width: 960px;
    margin: 0 auto;
    }


    can anyone spot the mistake.

    Thanks for the help Ryk

  5. #5
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: Messed Up CSS help

    Glad to be able to help.

    You'll find a lot of people here will recommend using the Web Developer Toolkit+Firebug with Firefox which makes it a doddle to identify problems like this. Amongst lots of other things, simply right-clicking on an element on a webpage will give you all the css info.

    There are similar tools available for some other browsers too.
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  6. #6
    Join Date
    Apr 2009
    Location
    Oxford UK
    Posts
    192
    Plugin Contributions
    0

    Default Re: Messed Up CSS help

    I do have these installed ;) but on firebug console i was looking at
    #contentWrapper {
    height: 100%;
    }
    min?f=...9724411 (line 56)

    and was wondering what the heel i had done

    Quote Originally Posted by Ryk View Post
    Glad to be able to help.

    You'll find a lot of people here will recommend using the Web Developer Toolkit+Firebug with Firefox which makes it a doddle to identify problems like this. Amongst lots of other things, simply right-clicking on an element on a webpage will give you all the css info.

    There are similar tools available for some other browsers too.

 

 

Similar Threads

  1. Layout messed up in IE8, css problem??
    By Richard-nl in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 17 Oct 2009, 04:50 PM
  2. I messed up the CSS somehow
    By timhersh in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 21 Aug 2009, 02:23 AM
  3. buttons messed up...help?
    By kschmid in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 10 Sep 2006, 12:01 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg