All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

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

    This reply has been reported for inappropriate content.

    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

    This reply has been reported for inappropriate content.

    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

    This reply has been reported for inappropriate content.

    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed