CODEWITHSUNDEEP
htmlcss
Brandon - Free Palestine
Brandon - Free Palestine

Reputation: 16656

CSS 100% height with absolute positioning top 0 bottom 0

I recently found a site that used a div with position absolute, and the top, left, right and bottom values all set to 0. This created a 100% high, 100% wide div. I am now using this as well, and was wondering if there is any reason not to?

It works really well, it's a simple solution, and the other way I was using had a bug I couldn't fix. The application I'm using this for should only every take up the browser window, and never needs to be bigger.

Upvotes: 16

Views: 23218

Answers (2)

thirtydot
thirtydot

Reputation: 228152

I am now using this as well, and was wondering if there is any reason not to?

This technique works fantastically in modern browsers - there is no reason not to use it.

(unless you care about some really old browsers (IE5/6?), which don't support setting top and bottom or left and right on the same element)

Here's an answer I wrote earlier today which uses a similar technique.

Upvotes: 20

0x60
0x60

Reputation: 1096

No, that's fine. Just make sure it doesn't glitch up on different browsers, depending on what you are doing. May I recommend making a jsFiddle and testing it on BrowserLab?

Upvotes: 5

Related Questions