Results 1 to 10 of 11

Hybrid View

  1. #1
    Join Date
    Jan 2005
    Posts
    10
    Plugin Contributions
    0

    Default Re: CSS Weirdness (Padding Issue - I think)

    Any other ideas, since my css code is very simple for the left box container and is the same as the right box container, wouldn't it stand to reason that they would behave the same?

  2. #2
    Join Date
    Jan 2005
    Posts
    10
    Plugin Contributions
    0

    Default Re: CSS Weirdness (Padding Issue - I think)

    My problem was solved not by removing this line:

    border: 1px solid #ffffff

    For one, I never had it in, but instead I changed it from 1px to 0px and that fixed it. I don't really know why I needed it, but either way, problem solved. Hopefully that helps someone in the future!

  3. #3
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: CSS Weirdness (Padding Issue - I think)

    If defining the border to 0px solved the problem, that means that somewhere before that statement there is another border definition that was being expressed until you overrode it. (It could even be in another stylesheet which is loaded before the one you edited, for some setups.)

    I found this in your stylesheet.css, at 1/4 from the top of the file:

    /*sideboxes*/
    .columnLeft {}

    h3.leftBoxHeading, h3.leftBoxHeading a {
    font-size: 1em;
    color: #ffffff;
    }

    .leftBoxHeading, .centerBoxHeading {
    margin: 0em;
    background-color: #FF6699;
    padding: 0.5em 0.2em;
    }

    .leftBoxContainer {
    border: 1px solid #ffffff; <------------HERE
    margin-top: 1.5em;
    }

    Then the one you put in at 1/5 from the bottom of the file:

    h3.leftBoxHeading, h3.leftBoxHeading a {
    font-size: 1em;
    color: #ffffff;
    }

    .leftBoxContainer {
    margin: 0em;
    border: 0px solid #ffffff
    }

    You are overriding both margin and border definitions; it would be cleaner to edit the first instance and not have the second.

  4. #4
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: CSS Weirdness (Padding Issue - I think)

    howser, gjh42 is 99% right. What you have done is make a copy of stylesheet.css called stylesheet_jel.css but also left a copy of stylesheet.css in your template directory.

    This means that any deletions from stylesheet_jel.css will have zero effect as your store still picks up the original styling from stylesheet.css. That's why you had to override rather than delete the border settings to make them work. The very easy answer to this is simply to delete the unneeded stylesheet.css (there will still be an unused copy in template_default should you ever want to go back).
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  5. #5
    Join Date
    Jan 2005
    Posts
    10
    Plugin Contributions
    0

    Default Re: CSS Weirdness (Padding Issue - I think)

    Perfect, thanks for all the replies. I cleaned up the code and also cleaned up the directory as well. Appreciate everyone who answered!

 

 

Similar Threads

  1. Padding (I think) issue, IE vs FF
    By CharInLasVegas in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 27 Dec 2009, 10:11 PM
  2. CSS/Tables margin/padding issue
    By jamieboulder in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 15 Feb 2008, 04:10 PM
  3. Padding Issue In FF
    By enchantedlingerie in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 24 Apr 2007, 09:09 PM
  4. CSS header background weirdness in IE only.
    By kelvyn in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 10 Aug 2006, 08:22 PM

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