Sidebar list is all wrong in Internet Explorer.

  • The theme I’m making validates, but I’m having problems with my sidebar lists’ padding in Internet Explorer. I gave the links in my list 13px of padding on the left, but it shows up more like 26px of padding in IE. I have see the fix to add margin:0 and padding:0 to the entire stylesheet, but there must be a better way, right?

    Here are screenshots of the lists in IE and in Firefox.

    Can someone take a look at my site or my stylesheet and give me some advice? I’d be very grateful for your help! ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter AshleyxCore

    (@ashleyxcore)

    Anyone think they could help me out with this?
    Thanks in advance! :]

    Well, looks like the good ol’ box-model problem to me:
    https://webdesign.about.com/od/css/a/aaboxmodelhack.htm

    Thread Starter AshleyxCore

    (@ashleyxcore)

    Could you explain this to me? I read the page you linked, but looking at my css, I don’t have a width defined for my lists, just the sidebar itself, so I don’t see how I can use that fix. And the “about”, “recent comments”, “recent posts”, etc all show up correctly. It’s only the links in li tags that are pushed so far right, the rest of the sidebar is fine.

    I think I’m missing something, could you elaborate? Thanks so much in advance ??

    Its to do with the padding and margins on ul li. Remember they cascade down to ul li ul li. HTH.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar list is all wrong in Internet Explorer.’ is closed to new replies.