Results 1 to 7 of 7

Thread: [SOLVED (sort of)] Table style problem

  1. #1
    User
    Join Date
    09-25-09.
    Location
    Amsterdam, The Netherlands
    Posts
    103

    Default [SOLVED (sort of)] Table style problem

    Hi all,

    I have probably a css conflict somewhere, but I can't find the problem. If I create a table, the left border is not visible. If I set the border width to 2, then all other borders are thicker and the left one 1.

    I see this is only a problem in Firefox.

    Can anyone help me to identify the problem?
    Here's the example: http://test.tv-wijdewormer.nl/testpagina.html

    Many thanks for thinking with me!
    Paul

  2. #2
    Experienced user
    Join Date
    06-20-09.
    Posts
    1,311

    Default Re: Table style problem

    they are being cut off, try a lesser width and give them a margin on the left and you'll see.

  3. #3
    User
    Join Date
    09-25-09.
    Location
    Amsterdam, The Netherlands
    Posts
    103

    Default Re: Table style problem

    Hi Ramjet,

    Looks like you are right... I tried it in Firebug and it did show....

    But I cannot explain it.... Do I have to set something in the reset.css file to prevent this?

    From Stackoverflow
    This is a bug in Firefox. box-sizing: content-box is not applied to table cells, it currently only applies border-box which includes the border in the height/width, it is non-standard and needs to be fixed.

    As it is now, it ignores the border and kind of adds it as a purely visual and not "physical" border. If you want, add a div above the table with a fixed height/width/border and see as firefox renders that div's border above the table border, overlapping it as if it wasn't even there. Now float the div to the left, now the left table border is overlapped by the div's border.

    Unfortunately, the only way I have found to reliably make sure the border is visible is to add a margin: 0 1px 1em; to the table.

    See Firefox's box-sizing spec and the bug that is causing this: bug 243412.

  4. #4
    Experienced user
    Join Date
    06-20-09.
    Posts
    1,311

    Default Re: Table style problem

    no idea sorry, i'm a novice at css.

  5. #5
    Core developer
    Official Contao Team
    leo's Avatar
    Join Date
    06-04-09.
    Location
    Wuppertal, Germany
    Posts
    201

    Default Re: Table style problem

    I did not even know that this is a bug I figured it was the normal behaviour of "border-collapse:collapse". Anyway, I usually fix it by adding a padding to the surrounding element. In TYPOlight this would be

    Code:
    .ce_table { padding:1px; }

  6. #6
    User
    Join Date
    09-25-09.
    Location
    Amsterdam, The Netherlands
    Posts
    103

    Default Re: Table style problem

    Hi Leo,

    That also works... only I am using an inline table in the RTE, so .ce_table is not applicable here...

    Anyway, I know now how to avoid it. Many thanks to you all.

  7. #7
    Core developer
    Official Contao Team
    leo's Avatar
    Join Date
    06-04-09.
    Location
    Wuppertal, Germany
    Posts
    201

    Default Re: [SOLVED (sort of)] Table style problem

    The easiest way is to use border-collapse:separate;.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •