Skip to content Skip to sidebar Skip to footer
Home / Border / Css / Html / Internet Explorer

Remove 2px Gray Border Surrounds Edge Ie9

Post a Comment
I'm trying to code this site (keyword trying) and I'm trying to figure out how to remove this shaded 2px gray border the extends across the the inside of the IE9 window (at least t

Solution 1:

You aren't specifying a doctype, as made evident by the comment on the first line:

<!-- Do NOT put any DOCTYPE here unless you want problems in IEs. -->

Because of this, IE9 goes into "quirks mode". Add a proper doc type and it should go back into standards mode and remove the annoying grey borders. You can test this is the issue by opening up the developer tools (F12), and change the document mode from Quirks Mode to IE9 standards.

Example HTML5 doctype:

<!DOCTYPE html>

Solution 2:

Charlie asked in a comment: “Did you try setting border:0 to * in your css?” This actually includes an alternative answer to the question. More specifically, the following removes the border:

html { border: 0; }

Post a Comment for "Remove 2px Gray Border Surrounds Edge Ie9"