Changes I’d like to make in the default template

  • Hello, I would like to ask you, if some of you already tried to tweak the default template in the following way:
    1) The banner and footer will have 100% width of the browser window (now they are only in the left article panel)
    2) When I resize fonts, the ratio between article width and menu width will remain the same. My problem is this: The default font size is too small for me, so I increase it with the “+” sign in my Opera browser. But every time I increase the font, the menu panel gets wider… And when the font has the size I am most confortable with, the menu panel is as wide as the article panel! So the article panel is unnecessary thin, and menu panel is unnecessary wide. It’s 50%-50%… I’d like to keep some senseful ratio between them, like 75%:25% or so.
    Now, I achieved this very easily with the table layout, and the code looks like this:
    Banner
    <table>
    <tr>
    <td width=”75%” valign=”top”>
    Articles panel
    </td>
    <td valign=”top”>
    Menu panel
    </td></tr></table>
    Footer
    Can you please help me how to achieve *exactly* this behaviour in pure CSS?
    Cheers,
    Soso

Viewing 7 replies - 1 through 7 (of 7 total)

  • Soso, you might want to check out the CSS in the CVS, it sizes the menu in ems so it resizes with the text.

    Thread Starter Soso

    (@soso)

    Hi allusion!
    I was finally able to install CSV version! Yes, the menu resizes with the text, but that is what I do NOT want. I want the constant ratio between column width and menu width, so only the text size will increase.

    Thread Starter Soso

    (@soso)

    Thanks for the tip. Some of their examples look fine, and one is actually very close to what I want. Unfortunatelly, I’m afraid there is one annoynig issue with the div’s – if you will increase the font above certain value, somethings will get overlapped… Moreover, when I looked to some of their code, it looks quite “hackish” to me – it was more complicated that my table example. I think, that for now I will live with the simple table layout, and when the CSS and browser guys will do their homework and fix their problems, then I will switch to full CSS. Thanks for help for now.

    I would like a small guide to all the parameters for each piece of code commented. So that we don’t need to refer the documentation or readme while viewing it!

    Umm, what zen garden site are YOU looking at? ??
    There are dozens of skins/templates for the zen garden site, some are fixed width, some are fluid, some are wide layout, some are tall, etc. There are a few designs that use very-horizontal layouts, but most are reasonably ‘standard flow’.
    =d

    Thread Starter Soso

    (@soso)

    Oh wait then…I just had a look at 5-6 layouts and all of them were the same big fixed width, so I supposed that all of them are this way. Apparently, wrong use of mathematical induction from my part, sorry.

    Anonymous

    It is one thing for you to choose whether you will or will not use css. When someone says that css *technology * and support is not mature enough then that is a different ball game. Speaking personally I got fed up waiting for “the future”. Following Zeldman & co I decided my future had arrived. A tendency to stay with what we’re *good* at is understandable. But how do you edit and restyle a 25 page site for a client (or yourself) overnight if it was not in CSS? Simple. It can’t be done. While folks are still editing the font tags in their first table I’ll be on my fifth or sixth optional design layout. Rocking or what? Historically speaking all the styling elements shoehorned into html
    were an abberation and IMHO should never have gotten in the the first place.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changes I’d like to make in the default template’ is closed to new replies.