Moving the body over?

  • silverbear

    (@silverbear)


    21 years, 8 months ago

    I’ve read through about a thousand posts…and can’t find what I’m looking for.
    My site is http://dharma.staroftexas.net
    My problem is: The left hand column is ordinarily fine, and I can change the width of it with no problem. However, when I HAVE tried to increase the width of that column, it overlaps the main body, covering up part of the posting area. Likewise, if I put an image in the left hand column that is larger than the 177 pxl width, it automatically resizes the column, but does NOTHING to alter the BODY section, and just covers it up.
    What can I do to get the BODY to move over if and when necessary, or just move it, period? I only need 50 pixels absolute MAX. But I can’t find anywhere where the size of that MAIN column is specified.
    Also, on a completely unrelated topic, where can I go to find information explaining fonts and font styles. I would like to be able to change fonts, but don’t know what the heck a ‘family’ of fonts is, or a particular ‘style’ or whatever it’s called. I’m not a dummy about fonts, and can recognize dozen of them on sight as to whether the font is Courier, Ariel, MS sans serif or whatever…but nowhere can I find info about ‘families’ of fonts. Any suggestions?

Viewing 3 replies - 1 through 3 (of 3 total)
  • mdp

    (@mdp)

    21 years, 8 months ago

    a font family is the collection of all similar fonts (ie. all Garamond, or Helvetica etc)…all the different weights and styles of a particular font face

    juberx

    (@juberx)

    21 years, 8 months ago

    hi there,
    look, in your css file for #content{
    font-size:100%;
    margin:0 0 0 200px;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin:0 0 0 190px;}
    and adjust the last value(200px) to something bigger, under the margin accordingly… not sure if it’ll help.

    Mark (podz)

    (@podz)

    21 years, 8 months ago

    You need to do a wee bit of maths too.
    Here’s the rap:
    #rap{
    width:750px;
    padding:0;
    margin:0;}
    That width setting is an overall sum. If we are going to increase any wifth’s, we may need to alter this.
    #menu has a width of:170px;
    #content has this:
    margin:0 0 0 200px;
    So ……in the #rap, menu occupies (from the left side) the first 170 pixels, then there is a small gap of 30 pixels – which makes a total margin of 200px – and then content begins. The content simply expands to fill whatever gap is there.
    To increase the width of #menu, let’s say by 30px, just alter the #menu width to 200px.
    If that butts right up to the #content where your posts are, increase your margin setting to 0 0 0 230px
    That will keep the same appearance that you have now.
    If that now makes #content a bit thin for your liking, then just increase the rap from 750px to 780px.
    Your page will then be proportioned the same.
    Hope that helps, and Hi again 🙂

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

The topic ‘Moving the body over?’ is closed to new replies.