Grow your CSS skills. Land your dream job.

Designing for wordpress

  • # July 12, 2008 at 5:35 pm

    So I am follwowing along with chris the best I can trying to develop my own wordpress theme for a friend of mine based on a template that she designed for her website that i built. I am trying to figure out the best way to arange the content in the center for the blog posts. I tried what chris has in the video wich was overflow-y: scroll; but overflow: auto; seems to work and look better. the problem is that the content scrolls but not all of it. Take a look

    http://www.cybersmods.com/wordpress

    # July 12, 2008 at 10:17 pm

    When I used "overflow-y: scroll", that was just for the overall page so it would have a vertical scrollbar whether it needs vertical scroll or not. This is just to prevent that awkward "jump" when moving from a page that has it to a page that doesn’t. I don’t apply any overflow value to that main content area, I think it’s much better to allow that area to expand vertically as far as it needs.

    # July 12, 2008 at 10:29 pm

    I prefer the fixed length in my design. I see no reasone to scroll the entire website if you can just scroll the content. Then the other parts of the website are still available to you without having to scroll back up tot he top to hit a nav link. The page is only doing the funky stuff in internet explorer. it’s functioning good in opera. just like i would expect it to. But for some reason parts of the page in I.E 7 won’t scroll. Do you have any idea how I can fix this?

    # July 13, 2008 at 1:13 am
    "cybershot" wrote:
    I prefer the fixed length in my design. I see no reasone to scroll the entire website if you can just scroll the content. Then the other parts of the website are still available to you without having to scroll back up tot he top to hit a nav link.

    I understand, but then again, I don’t. If you’re going to be scrolling anyway, where does the difference lie? You might be better off using a "position: fixed" sidebar, with the footer attached to the content and scrolling. It gives off an i-frame look that takes away from the site’s potential attractiveness.

    "cybershot" wrote:
    The page is only doing the funky stuff in internet explorer. it’s functioning good in opera. just like i would expect it to. But for some reason parts of the page in I.E 7 won’t scroll. Do you have any idea how I can fix this?

    Hmm… how come you have the anchor tags at "position: relative"… might that help if you removed it? That is a funny little quirk.

    # July 15, 2008 at 2:42 am

    That’s an interesting idea erika. I guess it doesn’t matter how your site scrolls. I just have this hangup where I would like my site to fit on the screen without the need of scrolling.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".