Hi Clayton, This is a well-known CSS problem involving containers with floats. There are many ways to solve this. Here's way too much information about this: http://www.positioniseverything.net/easyclearing.html
What I do is I add the equivalent of <div style="clear:both"></div> ... before the </div> that closes the container. In this case that would be the </div> that closes each tab pane. **--** Steve On Dec 8, 1:19 am, Clayton Dukes <[email protected]> wrote: > As frightening as this sounds...it actually appears correctly in IE, > just not in FF or Chrome...weird, I would think it would be the > opposite. > > > > On Tue, Dec 8, 2009 at 1:11 AM, Clayton Dukes <[email protected]> wrote: > > Can someone help me? > > I've added tabs, but my sortable boxes are appearing outside (below) > > the tab content. > > I suspect it's because of this: > > <style type="text/css"> > > .column { width: 33%; float: left; padding-bottom: 100px; } > > > But I don't know how to fix it... > > if I remove the float, they appear inside the tab correctly, but then > > all columns are on the left side of the page (not 3 columns) > > > here's the page: > >http://lztest.gdd.net > > login/pass is guest/guest > > > (note: for some reason, the page doesn't render properly until you > > select a theme - bonus points if you can help with that one :-)) > > > -- > > ______________________________________________________________ > > > Clayton Dukes > > ______________________________________________________________ > > -- > ______________________________________________________________ > > Clayton Dukes > ______________________________________________________________ -- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
