Desperately Needing Some CSS Help

  • tnaveh

    (@tnaveh)


    17 years, 10 months 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

Viewing 4 replies - 1 through 4 (of 4 total)
  • devils_advocate

    (@devils_advocate)

    17 years, 10 months ago

    so…

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

    eidderf

    (@eidderf)

    17 years, 10 months 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

    Doodlebee

    (@doodlebee)

    17 years, 10 months 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

    Michael Bishop

    (@miklb)

    17 years, 10 months ago

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Desperately Needing Some CSS Help’ is closed to new replies.