Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Grid of div’s without doubling up touching borders Re: Grid of div’s without doubling up touching borders

#128639
Merri
Participant

This feels so wrong, but it works: http://codepen.io/Merri/pen/ptwcg

Browser limitations…

– IE8: no inner borders. I take it IE8 places them incorrectly somewhere it shouldn’t place them.
– IE7: no inner borders, percentages for widths are no good (unless you round them down yourself).
– IE6: same as IE7.

I guess it is likely to expect mobile browsers to get this wrong.

**Edit!**

Improved further: now row height kind of inherits to each cell in the row.