Fork me on GitHub

CSS Tableless Design Problem  Bottom

  • Hello,

    I'm working on translating my basic table-bound theme into table-less CSS, but I can't seem to figure out one issue.

    How do I get my center block to expand horizontally all the way to the edge of the browser window when right blocks are hidden--for example, when I go to modules like Admin and Pnphpbb2, but stay shy of the right column and blocks otherwise?

    If I set a fixed width, to say 60%, then it will always be 60% of the browser window, even if the right blocks are not visible (leaving empty space.) And if I put it at 100%, it will extend under the right blocks on the home page, but function by expanding to the edge on other modules, where right blocks are hidden.

    In tables, it seem like setting a cell to 100% keeps the format, but allows content to expand, when other cells are empty. How do I simulate this in CSS?

    I've done a search, but most other CSS-based themes either don't have a horizontally expanding middle column, or the right blocks are always present on every page (like ExtraLite) and Pnphpbb is set to 'maximize' in a new window.

    If someone has solved this problem, please tell me how. Thanks.
  • just setup a new template that doesnt have a right column, then assign it to whatever module that doesnt use right blocks. I have a nocolumns template just for that purpose.
  • Wow, I have to admit, I have no idea what you're talking about. Can you walk me through it or send me a link to get the necessary info?
  • What theme engine are you using? I use Xanthia and i highly recommend it over all others. AT is only good, again, this is only my opinion, if your wanting to use premade themes and want a large selection. They have a huge selection. But I like Xanthia because of all the control it gives you and its written to be specifically used for PN only. Anyway, I would check on some of the CSS only themes located at markwest.co.uk and designs4nuke.com. The xconnection theme located at designs4nuke.com might be a good example for you to look at. As far as assigning the theme to a specific module, that can be done in the theme control panel area of Xanthia. Its under content wrappers. Just click add zone, then type in the name of the zone, then select the module, then click submit. The select that wrapper on the list and click on its configure button. Assign the template, click submit, and then activate. Hope some of this information helps you out.
  • Thanks for your help. I 'll check it out. I've been using auto theme, but it seems that Xanthia is more powerful and adds flexibility. Perhaps it's time to transfer over.
  • For creating a tableless design the either AutoTheme or xanthia are both capable. In this area neither one is better or worse. There are many good resources for tableless designs - alistpart, glish.com, bluerobot, positionisevery etc.

    You can use any one of the existing templates from the resources i've referenced to work from.

    -Mark

    --
    Visit My homepage and Zikula themes.
  • Believe it or not, I'm actually pretty adept at tableless design, I'm just not sure how to negotiate the problem I stated above with the center block/column in Post Nuke.

    I need it to expand horizontally to the edge of the browser window on some pages, but to accomodate a right column of blocks in others. This is easy with tables, but I'm not sure how to negotiate it in CSS.

This list is based on users active over the last 60 minutes.