SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Sidebar float breaks

    On this site: http://www.cake-mixer.org/kitchenaid...t-stand-mixer/

    You can see that the sidebar area at the top is blank. When you scroll down the page, you'll see it positioned well below its adjacent sibling.

    Is there a setting I can apply to the sidebar div to prevent this?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Perhaps validate the page first, as you might have some unclosed divs or something. As it stands, the aside is way down the order of the html ... probably not what you intended.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ralph, validation does show some issues that I'm addressing. I'm just trying to determine if there's a CSS setting I can apply to the sidebar that will help prevent the wrap despite the markup issues introduced into the content.

    The site owner has carte blanche on the content and may very well introduce markup into the main content container that is invalid. I'm just trying to minimize the adverse effects as much as possible at the template/css level.

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    CSS wise? No.

    Just take that sidebar HTML and place it before the <div class="main"> in the HTML. Although please do fix up those validation errors too .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I had a stray div tag in *my* markup.

    Note to self: Trust the validater. Trust the validater. Trust the validater.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •