Topic: Tables are messy on my current theme

Tables are messy on my current theme

@vskylabv

Participant

15 years, 9 months ago

I’m having a bit of a noob issue trying to get the right sidebar directly to the right of the member list and on several other pages. Right now it’s pushing it below the memberlist. What should I be looking into? I’ve created the themes myself so I know theres a few bugs out there that I’m still working on. Any feed back you can give me is very much appreciated. Thanks again

Example: http://artofbackpacking.com/members

Example2: http://artofbackpacking.com/blog/activities/three-new-places-you-can-celebrate-st-patricks-day/

Example3: http://artofbackpacking.com/groups

Viewing 4 replies - 1 through 4 (of 4 total)

@egerrits

Participant

15 years, 9 months ago

Looks like it’s a float problem.

Make sure the members list div is on “float:left” and the sidebar div is “float:left” as well. Then you have to make sure that the total width of the divs (INCLUDING MARGINS) is less than the total with of the page. So if you’re working with percentages, make the total width 99% or so (say, members div = 59% sidebar is 30%). If you’re working with absolutes, make the total width 5 or 10px less than the page width. Be careful of the margins as they are OUTSIDE of the div widths and if they add up to more than the page’s width, your floats will not work.

Also make sure at the end of the two divs you put a <div class=”clear”></div> to clear up the floating for the footer.

@marco72

Participant

15 years, 9 months ago

As I’m a Revolution/Studiopress (ab)user I can help you for sure, but you have to wait this late evening (GMT+1) when I’ll come back home.

@vskylabv

Participant

15 years, 9 months ago

http://artofbackpacking.com/members/skylab/

looks like the top bar got all messy. Seems to be hidden underneath the page at random spots. Revolution theme would be perfect with buddypress if I can work out all the small things.

@marco72

Participant

15 years, 9 months ago

ok, first of all, in Revolution style.css:

#header: padding 25px 20px

(so the topnavbar will show under admin bar).

then You gotta to add to style.css this:

#content: width 610px (or in #postarea)

Sorry if I tell You, but your css is not well integrated between Revolution css and Buddypress css. That’s the main problem if the site looks not so good.

If you need more help you’re free to ask.