CODEWITHSUNDEEP
csshtmltablelayout
Ashwin
Ashwin

Reputation: 12411

CSS display:table-layout issue

Here's my problem:

In the jsbin code here. I am getting gray border of #wrapper hidden to the right.

However this happens only in firefox. Chrome is working fine.

Can you please let me know the fix for firefox?

Upvotes: 1

Views: 220

Answers (2)

automaticAllDramatic
automaticAllDramatic

Reputation: 2063

Only setting the width to 100% would also do.

width:100%;

Upvotes: 0

Fabrizio Calderan
Fabrizio Calderan

Reputation: 123377

See this example: http://jsbin.com/avupak/1/edit

Relevant CSS

width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

box-sizing: border-box; computes the width including borders

Upvotes: 6

Related Questions