Hi all,

Firefox and other browsers render pages in a window without a border, whereas IE/Win by default shows a little border around the window, which seems to be part of the UI, creating some kind of 3d effect.

If you don't know what I mean, have a look at the following picture (viewport with border):
http://www.stilbuero.de/demo/viewport_without_border/viewport_with_border.gif

If you want to make that border disappear - it is a border actually with border-style: inset -, just declare "border: 0" for the html element:

html {
    border: 0;
}

The rendering changes to this (viewport without border):
http://www.stilbuero.de/demo/viewport_without_border/viewport_without_border.gif

Here's a little demo as well:
http://www.stilbuero.de/demo/viewport_without_border/


Just in case you didn't know - I did not until yesterday :-) I think the second choice is a little more beautiful.

You can also have some fun, if you play around with border-style and border-width...


Happy coding,

Klaus

--
[EMAIL PROTECTED]
http://www.stilbuero.de/blog/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to