Home/ Questions/Q 9255711
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T11:46:20+00:00

Hey I am making a personal website to start displaying my work but have

  • 0

Hey I am making a personal website to start displaying my work but have come up with a browser compatibility bug.

I have three containers using the blueprint framework (sidebar, header, and content). The right of the sidebar I have a border and the same for the bottom of the header. The problem is that the border for header is not showing up and I don’t know why.

You can see the site and view source code at jaredsmith.se, and as far as I know it only seems to work on Safari but does not appear to work on Chrome and Firefox. Thanks in advance for any help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have a space after the 2 in “2px”. Remove it, and the border will appear.

    #header {
  border-bottom : 2px solid black;
  margin-bottom : 5%;
}

    Also, there’s a typo in your doctype. This causes IE to use quirks mode.

    Change <DOCTYPE html> to <!doctype html>.

    • 0