Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorteofilo
    • CommentTimeJun 12th 2008 edited
     permalink
    (I figured the bulk of this out and have replaced it with a later question..... thanks!)

    Hey folks,

    I am just in the process of trying to wrap my head around CSS vs. old-style table-based HTML.

    I have been trying to establish the basic "frame" (no not that kind ;) of the template before getting into the nitty gritty.

    I ran into 2 problems after my first afternoon:
    1) I had issues with my "content" slipping under my header. (I hacked my way around this by using a "top=..." but I am not sure why I had to do that. I understood that the various div blocks would lie beside or below the preceding ones unless I specified otherwise.

    2) I found a great (albeit somewhat old) article on a footer that sticks to the bottom of the frame. Basically, even though it works for the most part, I still get a side-scroll bar even if the content in the page is short...

    The article I found on the "sticky footer" is at http://www.themaninblue.com/writing/perspective/2005/08/29/?styles=

    You can see the page I am working on at: http://www.clearintent.com/newsite/help/index.html

    And my style sheet file is at: http://www.clearintent.com/newsite/help/css/main.css

    The "hack" I mentioned is at line 81 of the style sheet, basically the last line in this block:

    #content
    {
    position: relative;
    padding-bottom: 1em;
    background-color: #e7f6f5;
    background-image: url(../../images/mid-bg.gif);
    background-position: center;
    background-repeat: repeat-y;
    height: 100%;
    top:74px; /*why is this necessary?? */
    }

    And perhaps another simple (?) question - in terms of online documentation of CSS, I have mostly been finding very specific answers and references OR REALLY basic stuff like how to set bolds and italics.... amy recommendations on resources that will help me through the transition from tables to the more powerful CSS techniques?

    Thanks so much,
    Teo
    • CommentAuthorteofilo
    • CommentTimeJun 12th 2008 edited
     permalink
    Figured out the main part of the problem.... seemed to be fixed by adding the following to my style sheet:

    * {
    padding:0;
    margin:0;
    }

    Now there is still the problem of the "hack" and a new problem..... so I guess I will post another question....
    • CommentAuthorsoft_brick
    • CommentTimeJun 14th 2008
     permalink
    hi there,
    i am also VERY new to CSS & XHTML. i found a great book, though, if you are interested:
    Stylin' with CSS by Charles Wykie Smith. it seems great for the beginner, and i am using it a ton...

    i have heard complaints of a lot of typos in it, but have not had a problem with that.
    Thankful People: JJenZz
    •  
      CommentAuthorJJenZz
    • CommentTimeJun 15th 2008
     permalink
    Oops, didn't mean to do that!
Add your comments
    Username Password
  • Format comments as (Help)