The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    Table ist too big

    Marvin
    Marvin
    Forumember


    Male Posts : 320
    Reputation : 4
    Language : German, basic English, Spanish, basic Bavarian, broken Italian

    Table ist too big  Empty Table ist too big

    Post by Marvin December 29th 2014, 9:20 pm

    Hi guys,
    Today a user reported the problem that the table in this thread is a way to big to see it in all display sizes.
    I do not have the problem but see it whether I minimize my browser display.

    So I had the idea to integrate a horizontal scrollbar. But this is really not the best solution. So I thought that I can shift the table to the left under my postingprofile.

    This picture should illustrate my thoughts. The topical (red) table is to be the new (blue) table.

    So I did this: .class {position:relative;left:-100px;widght:100%}

    But the result was that. The whole space from left:-100px; is empty because the .contet class is finished there.

    Therefore I thought that I sould use the z-index command but nothing happens.

    Can anyone please help me?

    Yours faithfully,
    Marvin
    Mati
    Mati
    Active Poster


    Posts : 1932
    Reputation : 333
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Table ist too big  Empty Re: Table ist too big

    Post by Mati December 29th 2014, 10:21 pm

    Try to change the width="700" and see if that helps.
    Marvin
    Marvin
    Forumember


    Male Posts : 320
    Reputation : 4
    Language : German, basic English, Spanish, basic Bavarian, broken Italian

    Table ist too big  Empty Re: Table ist too big

    Post by Marvin December 29th 2014, 11:51 pm

    Matiâ„¢ wrote:Try to change the width="700" and see if that helps.
    Hi Mati,
    no nothing changes. There is free space at the right and nothing at the left.
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Table ist too big  Empty Re: Table ist too big

    Post by _Twisted_Mods_ December 30th 2014, 12:12 am

    Code:
    .postbody .content {
    ��� margin-left: -150px;
    }
    .postbody .content div{
    ��� margin-left: 155px;
    }
    .postbody .content table{
    ��� margin-left: -150px;
     width:100%;
    }



    i would suggest giving the table a class name and use it instead of table so if anyone else post a table it don't effect it
    Marvin
    Marvin
    Forumember


    Male Posts : 320
    Reputation : 4
    Language : German, basic English, Spanish, basic Bavarian, broken Italian

    Table ist too big  Empty Re: Table ist too big

    Post by Marvin December 30th 2014, 3:22 am

    _Twisted_Mods wrote:
    Code:
    ..
    i would suggest giving the table a class name and use it instead of table so if anyone else post a table it don't effect it
    Hi and thanks for your suggestion.
    At the moment it takes the Name ".tabelle" (which is german for "table") - so it already has a name. In front of the table in the post I have written <div class="tabelle"> and at the end </div>. So that only this table is concerned.

    What do you mean with "���" in your Code and would not your Code achieve that the posting profile is much smaller? - The postingprofile should nevertheless be there - only the space below the postingprofile should be filled with the table.

    In other words: Everything should (all sizes, hights and widhts) be like now - only the table should be above the space under the postingprofile. I have read that should be possible with the z-index tag but do not know how.
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Table ist too big  Empty Re: Table ist too big

    Post by _Twisted_Mods_ December 30th 2014, 3:44 am

    instead of adding a div change your table to

    <table style="margin-left:-150px; width:700px" class="tabelle" border="1">



    Code:
    .postbody .content {
    overflow: visible;
    }


    "���" < sorry by browser does that sometimes not sure y
    Marvin
    Marvin
    Forumember


    Male Posts : 320
    Reputation : 4
    Language : German, basic English, Spanish, basic Bavarian, broken Italian

    Table ist too big  Empty Re: Table ist too big

    Post by Marvin December 30th 2014, 3:47 pm

    Thank you! Everything like it should!

      Current date/time is November 14th 2024, 1:29 pm