Moving Over Left Column…

  • yawkaw

    (@yawkaw)


    21 years, 5 months ago

    Hello everyone, first post here. Just wanted to first thank the WordPress developers and community for everything- I’m very happy with my choice.
    My website is: http://www.yawkaw.net
    Still very basic and just has test posts.
    Now here is my problem: On the left, you’ll notice I have a column which is like my menu. Everything was fine and spaced correctly until I gave it a white background and the red border- once I did that, everything got smushed a little towards the right and you can’t even see the right border.
    Does anyone know what’s wrong, and how would I fix this? I have a DIV called #left which handles the stuff for that left menu.
    This is my code:
    #left {
    float: left;
    margin: 0;
    right: 10px;
    width: 140px;
    padding: 10px 5px 10px 5px;
    font-family: verdana, helvetica, sans-serif;
    background: #FFFFFF;
    border: 2px solid #BB0606;
    }
    and then I have like #left a{ and #left ul { etc. etc.
    Any ideas are appreciated, thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mark (podz)

    (@podz)

    21 years, 5 months ago

    Hmm… there is something funky going on with #rap.
    Using a couple of bookmarklets to see what’s where*, the menu divs (both of them) don’t seem to be contained properly, and that’s leading to problems.. problems which even if they are sorted may reappear once you start on the footer.
    I would recommend grabbing this template:
    http://pinksocks.co.uk/trident.zip
    It’s a 3 column layout and while I’m not saying that you must use it, it does behave well and may be able to help you more than I can with the issue you have.
    *If you are using Firefox, get the Web Developer Extension:
    https://addons.update.mozilla.org/extensions/moreinfo.php?application=firefox&id=60
    and also get a couple of bookmarklets from:
    http://www.squarefree.com/bookmarklets/webdevel.html
    in particular the ‘Show Blocks’ and ‘Topographic View’ – both are invaluable.

    Thread Starter yawkaw

    (@yawkaw)

    21 years, 5 months ago

    Ah, ok- I was using the 3-column darkness template from http://www.viewfinderdesign.co.uk/freetemplates/ — all I had done was change colors and add backgrounds/borders. Didn’t even occur to me that the template was the problem in the first place.
    Thanks- I’ll make a mirror and look into this

    Thread Starter yawkaw

    (@yawkaw)

    21 years, 5 months ago

    Hmm…
    There’s no CSS code that can do that simply, just nudge it over? I don’t know what’s wrong with #rap
    Can I just have a screwy #rap , and cheat when I need to by moving stuff manually? It just doesn’t seem to be working for me- if anyone knows a way.

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

The topic ‘Moving Over Left Column…’ is closed to new replies.