Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

CSS Full-Window Border In IE and Firefox

Status
Not open for further replies.

oportland

Technical User
Apr 20, 2009
9
CA
I have a problem with a page that is outlined with a border, just inside the browser window. It displays perfectly in IE, but lists to the right side, with the bottom and right sides of the border disappearing right out of the browser window in Firefox. Whether I use a margin, or not, makes no difference.
.border{
width: 100%;
height: 100%;
margin:;
padding:5%;
border:solid blue2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
Can Firefox be forced to do this?ThanksOlga
 
I should have mentioned that the entire page is wrapped in a div to which the css applies.
 
This is a well known problem with IE. Google for "IE box model" to understand the problem, or just reduce the height and width values to leave space for your border. You may find you need conditional css to deal with IE irregularities. You can find more on this in thread215-1500976 near the bottom of the page.

If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top