Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorakalsha
    • CommentTimeMay 31st 2008
     permalink
    Hello all,
    I'm having trouble with a site of mine. I'm in the process of converting the layout from table based to css, and I keep getting stuck on a couple problems. If you go to:
    http://www.greenerpastures.us/wordpress/biographies/
    You'll see 3 blocks of text. I want the third "from google news" one directly under the menu block, like if you go tohttp://www.greenerpastures.us/wordpress/credits/. It works when the big left block has more content, but not on a page such as the prior. I know it has to do with the fact that the two side blocks aren't in one floating div.
    I tried to surround them both with a div floating right, but it makes it so they both don't start until after the big content div, which is floated left so I don't understand.

    My code is also not validating because each of the two side blocks are using the same id tag. I want to fix that, but again I'm not sure how and whenever I change pretty much anything, something else gets broken.

    Could someone pllleeeasse take a look, and maybe help me see how I can accomplish these two things?
    I'd really appreciate it.
    •  
      CommentAuthorkari.patila
    • CommentTimeJun 1st 2008 edited
     permalink
    Adding clear: right; to the div.sidebarcontainer should do the trick.

    Oh, and change the IDs of the sidebars to classes:

    HTML
    div id="sidebar" → div class="sidebar"

    CSS
    #sidebar → .sidebar
    Thankful People: akalsha
    • CommentAuthorakalsha
    • CommentTimeJun 4th 2008
     permalink
    Thanks a lot. I'll give it a try next time I get a chance, and post back. :)
    • CommentAuthorakalsha
    • CommentTimeJun 12th 2008
     permalink
    hmm I don't see how that would work as div.sidebarcontainer is where I have float:right;
    • CommentAuthorakalsha
    • CommentTimeJun 12th 2008
     permalink
    It looks like I've fixed it. Your comment did help, though as it brought to light the fact that div.sidebarcontainer was in the code twice (for each block). Thank you. :)
Add your comments
    Username Password
  • Format comments as (Help)