Forums

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

Home Forums Design 3d transform inside cell working only in firefox, please help!

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #262138
    victor1
    Participant

    Hello guys!
    I’ve created a html table with some labels that rotate on click, (or checked), as they are
    connected to hidden checkboxes.
    The broblem is that they work just fine only in mozilla firefox.
    I did some experiments with just one label that works in all browsers, until I place it in
    its cell, once inside, is working just in mozilla.
    As I can’t figure out what the problem is, please I need your help.
    I will gladly accept also js code as alternative, thank you very much, have a nice day!

    https://codepen.io/anon/pen/JOGdvx

    #262142
    JeroenR
    Participant

    Your example works in Chrome and Safari. I don’t see a problem.

    #262145
    Shikkediel
    Participant

    Only working in Firefox on my Windows 7 system…

    I wouldn’t use a table for it myself. It doesn’t seem very semantically correct here and might be the cause.

    #262149
    Shikkediel
    Participant

    Or in case you want to stick with it anyway, try setting a specific height for .card instead of a percentage:

    .card {
      height: 120px;
    }
    

    Edit – or this:

    label {
      display: block;
    }
    

    I think it’s the label causing no height being inherited, not the table.

    #262198
    victor1
    Participant

    Thanks a lot Shikkediel ! Now everything works just fine.
    Have a great day guys!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design’ is closed to new topics and replies.