WordPress.org

Ready to get started?Download WordPress

Forums

Desperately Needing Some CSS Help (5 posts)

  1. tnaveh
    Member
    Posted 8 years ago #

    Hey!

    I've been building a website using CSS. I'm more of a graphic designer and less of a coder and I'm coming across some problems that I don't know how to fix.

    Here's the page: http://talnaveh.com/menuTest/

    Right now I'm just trying to get it to work on firefox....I'll worry about IE later. I created a container div, but its not showing up. I tried setting the height at auto, 100%, inherit....and the only thing that works is if I put in an actual number. But I don't want to do that because the height will vary on different pages.

    Also if you look at the layout, its all out of wack. I set the menu div's top margin at -22 in order for it to fall underneath the logo. But shouldn't the margin be 64...the height of the logo? Also the post-it and donate images are a few hundred pixels lower then they should be.

    I'm confused and frustrated and I've tried finding a solution on the web and I just can't figure out what I'm doing wrong here. If anyone can help it would be GREATLY appreciated

  2. devils_advocate
    Member
    Posted 8 years ago #

    so...

    you have a two column layout with header AND a footer? is this correct?

  3. eidderf
    Member
    Posted 8 years ago #

    Your #container id has a 750px width and if you are going to combine the total witdht of #col1 & # col2 it exceeds to 750px. You might want to decrease the width of either #col1 or #col2 so that it equals to 750px. Also during your computation include the pixels that you have on your left or right margin and padding. So when when computing you shld follow this formula.

    #container width == (#col1 width + #col2 witdth + #col1 col2 margin-left + #col1 col2 margin-right + #col1 col2 padding-left + #col1 col2 padding-right.

    That should fix your misalligned sidebar.

    - eidderf

  4. Doodlebee
    Member
    Posted 8 years ago #

    To get everything at 100%, BTW, you need to set *both* HTML and BODY at 100% ;) Your son of suckerfish (sfhover) script should be in the head of your document - not in the body.

    I have a tutorial for this kind of layout on my site (it's for a 3-column - but you can adjust as needed to make it two):

    tutorial here

  5. Michael Bishop

    Posted 8 years ago #

    also, considering this isn't WP related, you might want to try http://www.css-discuss.org

Topic Closed

This topic has been closed to new replies.

About this Topic