CODEWITHSUNDEEP
htmlcssresponsive-designcss-tables
Sillo
Sillo

Reputation: 168

Show td as rows - display table row not working

I have a year calendar that shows just the way I want on normal browsers, but in responsive browser I want it to show all the months below each other, due to layout problems.

I know how to apply code to responsive browser - this is not what I am asking about.

I tried giving the td's the value of display:table-row, and its giving me almost the desired result .. it keeps pushing the rows to left and wont accept width:100% value, that's the problem.

Here is a link to the website I am working with www.5eren.dk

Upvotes: 1

Views: 3320

Answers (1)

Mohsen Safari
Mohsen Safari

Reputation: 6795

you need to set display:table on <tr> and set display:table-row on <td>. use this CSS:

.year-view>table>tbody>tr {
display: table;
width: 100%;
}
.year-view>table>tbody>tr>td {
display: table-row;
}

Upvotes: 2

Related Questions