5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Make table below footer with same width as rest of site

by ThomasTe
4 replies
  • WEB DESIGN
    • |
Hi,

I'm using wordpress theme twenty-twelve.
I would like to add a table below the footer which has the same width as the rest of the site and acts in a responsive manner.
If I set the max-width to 960px I believe it should have the same width. However, if I fill out the table with text it doesn't wrap it, but just makes the table wider.
Any ideas?

The purpose of the table is to create a full-width background to the footer while keeping the content the same width as the rest of the site.
I'm pretty new with php and css so the more hand-holding the better.

Thanks.

Best regards,
Thomas
#footer #make #rest #site #table #width
  • Profile picture of the author ThomasTe
    I tried both using max-width:960px as well as word-wrap: break-word; but it doesn't seem to do the trick.
    {{ DiscussionBoard.errors[7780424].message }}
  • Profile picture of the author Istvan Horvath
    The purpose of the table is to create a full-width background to the footer ...
    There is your problem: designers don't use table for "creating background".

    There is NOTHING php when it comes about design and your tables: it is pure HTML and CSS.

    However, you should not use table for design purposes.
    If you read the footer.php file of the theme there you have sections, divs, id's and classes... plus, you can add your own.
    Then you can style the said element in the style.css with whatever background image you want.

    Again, why do you need that table?
    Signature

    {{ DiscussionBoard.errors[7780636].message }}
  • Profile picture of the author yukon
    Banned
    Place the table code one line above the closing parent/container div, then set the table at 100% width.

    Not sure why you want the table background.
    {{ DiscussionBoard.errors[7780637].message }}
  • Profile picture of the author ThomasTe
    I'm creating the table to create a full width background color, for only that section, and then inside that table I will place the footer, so that the footer has a full with background color.

    Basically I'm trying to create a table (inside a full width table) that has the same width as the rest of the page in the twenty-twelve theme, and is responsive.

    Thanks.
    {{ DiscussionBoard.errors[7781180].message }}

Trending Topics