Ambiera ForumDiscussions, Help and Support. |
|
|
|||||
|
In one of my pages there is a table with four columns that seem to be the same width in the editor view, but in preview mode the widths are not equal. How do I make the columns equal width? |
||||
|
Tables are responsive too in RocketCake, so they adjust their size also automatically depending on screen size and content. But I think you can force a cell to have a fixed width too: Create a container, then drag it into the cell. Then set the "Size" property of the container to something like "200, auto" instead of for example "50%, auto" |
||||
|
OK, so I would put a container into the top cell of each column and set the width accordingly? I'll try this, many thanks for helping. ---- Right, just tried this but it didn't work. There was no change at all. |
||||
|
Difficult to say without seeing it. You could also just sent your .rcd file to support (see on this website Support -> Contact) and ask them to help you |
||||
|
Thanks once again. I found a solution which is: Go to View > HTML Code of page, then select 'Additional CSS styles' from the drop-down menu. Then add following in the editing box: table { table-layout: fixed ; width: 100% ; } td { width: 25% ; |
|