CODEWITHSUNDEEP
cssoverflow
NielsPilon
NielsPilon

Reputation: 500

Overflow visible not visible on the right

I'm working on a pricing table and have an issue with one of the divs. The middle container should overflow the other containers but it only does it at the left side. The container at the right is overlapping the middle one which it shouldn't. How can I fix this?

I've made a JSfiddle, the problem is with the biggest container (Flex I) in the middle.

http://jsfiddle.net/gBCCP/

Thanks!

Upvotes: 0

Views: 3721

Answers (3)

Sinan AKYAZICI
Sinan AKYAZICI

Reputation: 3952

you can do to using position:relative and z-index.

http://jsfiddle.net/gBCCP/2/

Upvotes: 0

IsisCode
IsisCode

Reputation: 2490

http://jsfiddle.net/fyp9y/

Use

position:relative;

On the containers

And z-index to specify the order of overlaying. I've used inline styles for a quick demonstration but you can tidy this up. By the way I like your design!

Upvotes: 0

Bram Vanroy
Bram Vanroy

Reputation: 28554

.pricingtable {z-index: 1;}
.pricingtable.featuredbig {position: relative;}

Seems to solve the problem.

Upvotes: 3

Related Questions