WordPress.org

Ready to get started?Download WordPress

Forums

CSS Problem (13 posts)

  1. Ocean
    Member
    Posted 9 years ago #

    Okay, this is driving me nuts.. and, basically, I'm being told it can't be done in CSS. :(
    My main site is at http://www.wickedmuse.net. It looks okay, because the #content is longer than the #menu. However, click on any single post title to get a single post. Now the #menu is longer than the #content and I can't get the black box from #content to go down to the end of the page to wrap around the menu so it doesn't look stupid. I think it has to do with the #menu being position: absolute, but I can't get it to go there any other way.
    My CSS is at http://www.wickedmuse.net/wp/wp-layout.css
    Is there ANY way to fix this?

  2. Ocean
    Member
    Posted 9 years ago #

    Thank you, Root. :) I'll take a look. I hope it fixes my issue! I did see a page (listless) with a long menu and the content stretching so maybe this is it! (dares to hope) ;)

  3. Root
    Member
    Posted 9 years ago #

    Yes this is pretty basic CSS float positioning but it can be difficult to get your head around when you are starting out. With a decent template you will be fine.

  4. Ocean
    Member
    Posted 9 years ago #

    Well, it LOOKED like what I could use, but it's giving me a headache. ;)
    I don't want a column border on the menu.... and the border I put around the #rap seems to be overwritten with the background color until I scroll the page. Very strange. I'll keep working on it. :P
    Ye gods, trying to merge my html and the template html as well as trying to merge the css is enough to make a person cry.

  5. Ocean
    Member
    Posted 9 years ago #

    Still have the disappearing border problem.. until I scroll the screen, that is. But only in Mozilla... any ideas?

  6. Mark (podz)
    Support Maven
    Posted 9 years ago #

    I don't see anything disappearing - using FF.9.3 - where should I be looking in particular ?

  7. Mark (podz)
    Support Maven
    Posted 9 years ago #

    I see the #rap bordering #body all the way around..

  8. Ocean
    Member
    Posted 9 years ago #

    Sorry. try here, podz. http://www.wickedmuse.net/index3.php I'm not working on the site directly since I didn't want to break anything.

  9. Mark (podz)
    Support Maven
    Posted 9 years ago #

    hmm...very odd
    In the css is this :
    #hmenu {
    margin: 0;
    padding 0;
    }
    Does the missing : after padding affect things at all ?

  10. Root
    Member
    Posted 9 years ago #

    That must be causing havoc. I am fixing it now.

  11. Root
    Member
    Posted 9 years ago #

    Fixed and committed to Gemini. Thanks.

  12. Ocean
    Member
    Posted 9 years ago #

    Okay, I've sinced moved it live, having decided that the niggling little border thing was better than the menu that extended beyond the bottom of the content. Main page is http://www.wickedmuse.net/index.php and the css is at http://www.wickedmuse.net/wp/wp-layout.css
    Thanks for any tips on the border deal... it may just be a Firefox thing, but I'd really like to fix it if at all possible.

  13. Root
    Member
    Posted 9 years ago #

    Yes its a FF rendering bug. Incurable AFAIK. Better in later releases. (slightly)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.