SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Float inside a spry tabbed panel

    Hello,

    I am trying to set up a page that has a spry tabbed panel, I want the first panel to contain floating product boxes that contain dynamic data (box has a repeat server behaviour). I can get the box to sit inside the panel but as soon as i apply float left (or right) so that boxes fill left to right, the box drops out of the panel.

    Is this what is called float drop, or is this something else.

    Any help would be much appreciated as this is giving me serious brain damage!!!

  2. #2
    SitePoint Evangelist
    Join Date
    Sep 2006
    Posts
    428
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you're gonna have to post a bit of code or a link to a page before I can help any.

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Hi, you might need to add up your widths to make sure that you don't have a float drop.

    If your total width exceeds the parents calculated height then it will start making new rows to fit the dtaa.

    If you mean the backgroubnd isn't stretching to meet the element. Then the parent probably just needs a clearing mechanism on. Try giving the parent of hte floated elements "overflow:hidden"

    If that isn't it (one of those two) then I'd need to see a live site or full code
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the replys. I amnew to this and am useing dreamweaver and php.
    I have gone right back to basics and managed to solve the problem myself.
    All i had to do was add an overfow-hidden property to the TabbedPanelsContentGroup and all is fine.

    Again thanks for the replys.

  5. #5
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    RyanReese you were spot on. Thank you.

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,746
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    I'm glad it helped. If you want to read more up on it then google "float containment"
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


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
  •