SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2011
    Posts
    31
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Floating problem

    Hi ,

    Im having a floating problem on my projetct, appears to be simple but i cant figure it out, maybe you guys can help on this one:

    I wanna the <ul> aligned on the left and the divs to the right, simple as that, the problems is, ive put width,height,clears,it just appears that the ul is getting auto width.

    Heres the link, you guys will understand.

    EDITED: AND Yes the HTML inside the section has to be exactly like that for the javascript ui-tabs to works, but ive disabled and made some tests dont believe its the problem!

    http://www.bydecronics.com.br/site_v2/agencia.html

    Thanks.

  2. #2
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    The div on the right has clear:both; applied in two rules in separate stylesheets, and so drops below the ul. Remove the clear declarations from both and it will move up.

    scstyle.css
    Code CSS:
    .ui-tabs .ui-tabs-panel {
    outline: 2px solid black;
    width: 600px;
    height: 300px;
    float: right;
    }
    style.css
    Code CSS:
    .ui-tabs .ui-tabs-panel {
    border-width: 0;
    display: block;
    padding: 20px 0 0;
    }

  3. #3
    SitePoint Enthusiast
    Join Date
    Dec 2011
    Posts
    31
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    @Victorinox Thanks, it worked like a charm, that was so obvious and im still getting beat up by floating elements concept...

    Cheers!


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
  •