#1
  1. This tagline is not long enoug
    Devshed Novice (500 - 999 posts)

    Join Date
    Aug 2003
    Location
    Toronto, ON Canada! I AM CANADIAN
    Posts
    863
    Rep Power
    20

    Angry Layout Issues and Compatibility IE/FF


    Hi All,

    It's been quite some time since I've posted in this forum!

    I have a couple of mixed issues that I was hoping for some brain power on:

    All question pertain to minor (or large) problems with the following website: Bertelsen.ca

    1. There is a gap between the top of my content div and the header (literally #header and #content), I cannot, for the life of me, figure out what is causing it. Even tricks like "* {margin:0px, padding:0px;}" aren't working. It's probably some ridiculous block level element that pushes something else down or applies padding in a manner that it shouldn't.
    2. In IE the bullets for my lists at the very bottom do not show up.


    If anyone can think of what's causing this I'd love to hear about it.

    Cheers,

    BEB
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    I'm glad to see that your XHTML is valid.

    1) Is this what you were looking for?
    Code:
    #header {
      margin-bottom:5px;
    }
    2) Increase the left padding or left margin on those <ul>s.

    I suggest you read Tips on Debugging Layouts.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. This tagline is not long enoug
    Devshed Novice (500 - 999 posts)

    Join Date
    Aug 2003
    Location
    Toronto, ON Canada! I AM CANADIAN
    Posts
    863
    Rep Power
    20
    1) I'm not sure how I can remove the gap by adding a margin. I tried adding the margin but it didn't cause a move
    2) I tried adding padding and margins to the ul elements but it didn't seem to make a difference when viewed in IE (I remembered to hard refresh!)

    Any thoughts?

    Thanks for the reply!
  6. #4
  7. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    1) I meant that I found that in your code and that it is the culprit.

    2) Are you sure this wasn't overriding it?
    Code:
    #bottom ul
    {
    margin:0px;
    padding:0px;
    }
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  8. #5
  9. This tagline is not long enoug
    Devshed Novice (500 - 999 posts)

    Join Date
    Aug 2003
    Location
    Toronto, ON Canada! I AM CANADIAN
    Posts
    863
    Rep Power
    20

IMN logo majestic logo threadwatch logo seochat tools logo