bbPress support forums Tag: position

bbPress support forums Tag: position http://bbpress.org/forums/ bbPress support forums Tag: position en Tue, 02 Dec 2008 22:15:39 +0000 chrishajer on "Wordpress Theme Into BBpress" http://bbpress.org/forums/topic/wordpress-theme-into-bbpress#post-14890 Wed, 02 Apr 2008 02:53:54 +0000 chrishajer 14890@http://bbpress.org/forums/ Start by sharing a link to your forum and describing how you would like it to look unless it's completely obvious to anyone viewing exactly what is wrong with the positioning. Thanks. Nick212004 on "Wordpress Theme Into BBpress" http://bbpress.org/forums/topic/wordpress-theme-into-bbpress#post-14889 Wed, 02 Apr 2008 00:39:56 +0000 Nick212004 14889@http://bbpress.org/forums/ I have integrated my wordpress theme into my bbpress theme but even though it looks the same, the text and forum is not in the same postition as they are supposed to be. How do I fix this? fel64 on "Formating with wpmu theme" http://bbpress.org/forums/topic/formating-with-wpmu-theme#post-7785 Fri, 01 Jun 2007 01:05:12 +0000 fel64 7785@http://bbpress.org/forums/ That's right. A typical template file in your theme will be like this: <code>bb_get_header()</code> loads <code>header.php</code> from your theme's folder or otherwise the default kakumei one (header.php should contain what is now in your second div called <code>header</code>), then there's a bunch of content, and then <code>bb_get_footer()</code> will get the sidebar and the footer elements in <code>footer.php</code>. You won't need to modify this or add any files or anything like that to make your theme, at least in all probability. Because <code>header.php</code> and <code>footer.php</code> are always called, the unchanging HTML and php should all be in there. header.php <pre><code>html head //some head stuff, links and meta etc /head body wrap header //header HTML for your logo etc /header</code></pre> whatevertemplate.php <pre><code>. content //content HTML and php /content</code></pre> footer.php <pre><code>. sidebar //sidebar HTML and stuff /sidebar footer //footer HTML and stuff /footer /wrap /body /html</code></pre> I hope that's clear, it's a little late so I might have some tired logic. This is pseudoHTML - <code>body</code> corresponds to <code><body></code>, but <code>wrap</code> corresponds to <code><div id="wrap"></code> and <code>sidebar</code> = <code><div id="sidebar"></code> etc. I hope that's okay. So there are usually only three files that directly contribute to the output of the forum. Most of the HTML you're messing about with should go in <code>header.php</code> or <code>footer.php</code>. <code>bb_get_header()</code> and <code>bb_get_footer()</code> deal with all the mucky stuff for you, you don't need to 'call' them (if I'm understanding you right) from the main template individually. Just make sure they're proper HTML inside <code>header.php</code> and <code>footer.php</code>. mfaxion on "Formating with wpmu theme" http://bbpress.org/forums/topic/formating-with-wpmu-theme#post-7783 Thu, 31 May 2007 23:54:40 +0000 mfaxion 7783@http://bbpress.org/forums/ ok. Played around with the code a little bit. Have a few questions. With this div tag structure this is referring to the overall structure spanning the multiple php files in the template folder? Do I need to include the div ids for header, sidebar, content, footer whenever they are called in the templates php files? I assume that the child element reference is that I should have all my div header, div sidebar and div footers closed when those sections end. Since there are a handful of php files in the template can you explain how I know which to add? If you couldn't tell I'm pretty confused! Really appreciating the help. mfaxion on "Formating with wpmu theme" http://bbpress.org/forums/topic/formating-with-wpmu-theme#post-7775 Thu, 31 May 2007 16:27:37 +0000 mfaxion 7775@http://bbpress.org/forums/ Thanks! I'll give it a try when I have a break between meetings! I really appreciate the help!! fel64 on "Formating with wpmu theme" http://bbpress.org/forums/topic/formating-with-wpmu-theme#post-7767 Thu, 31 May 2007 11:32:34 +0000 fel64 7767@http://bbpress.org/forums/ Your HTML has improved. This is your current structure of major div elements: <pre><code>div id="wrap" div header [1] div header [2] div wrap [x] div right div sidebar div content div hottags div discussions div footer</code></pre> You have two div elements with id <code>wrap</code>. IDs should always be unique, and the second one, marked with <code>[x]</code>, is empty anyway so you can go ahead and delete it. You also have duplicate <code>header</code>s. The content of <code>header [2]</code> should be the only thing in <code>header [1]</code>. Div <code>sidebar</code> should be at the same level as div <code>header</code> is, not a child element. You can also delete the div <code>right</code>, as it's kind of pointless. Div <code>footer</code> should not be in <code>content</code>. It should be on the same level, not as a child. That should fix some problems with it, too. You can take out both <code>float: left;</code> and <code>display: inline;</code> in the CSS file for div <code>content</code> - they seem to cancel each other out, and <code>float</code>ing it is unnecessary anyway and could come back to bite you later. Your main problems in IE seem to be (seem, I don't have dev tools for it) that major <code>wrap</code> is not centered and that <code>content</code> is just wide enough to conflict with <code>sidebar</code>. Slowly decrement the width of <code>content</code> and test if that makes it work. I am surprised it's not centered in IE7, I'm fairly sure that the CSS <code>margin: 0 auto;</code> worked. However, to center it in IE6, you need to add the <code>text-align: center;</code> property to the <code>wrap</code> element (in CSS). To counter the effect this has on text, you need to add <code>text-align: left;</code> to <code>header</code>, <code>sidebar</code> and <code>content</code>. When logged in, the <code>div</code> class <code>post</code> at the very bottom of the sidebar is not closed. You can just get rid of it I think. You are also using <code>li</code> elements for your Private Message Manager and Community Forum links, without actually having opened a <code>ul</code> or <code>ol</code> for them, which would probably cause problems so just remove the <code>li</code> tags. That's a start, anyway. Try it and we'll see if it's fixed anything. mfaxion on "Formating with wpmu theme" http://bbpress.org/forums/topic/formating-with-wpmu-theme#post-7763 Thu, 31 May 2007 09:30:14 +0000 mfaxion 7763@http://bbpress.org/forums/ fel64. Thanks for the input on the HTML! Created a test account for people to see the Account and problems. username=demo psswrd=demo mysoberlife dot com I added div id=wrap, div id=header, & div id=right to my bbpress template. That solved all position issues in Mozilla. However IE is even more of a mess now. fel64 on "Formating with wpmu theme" http://bbpress.org/forums/topic/formating-with-wpmu-theme#post-7756 Wed, 30 May 2007 21:42:47 +0000 fel64 7756@http://bbpress.org/forums/ #1: There are no style rules to tell the forum to go into the column. It's just made of unstyled divs inside the body element. I don't know how comfortable you are with HTML, but they should go inside the div with id wrap. That would really fix the greatest issue. You don't need CSS to do that, since the <code>wrap</code> element would already do that (and the forum could actually be next to the sidebar). #2: Please create a test account for us to see the HTML that's causing a problem, or log in and copy the HTML to a pastebin and link to it here. My clue would be that there's something wrong with the HTML, by the way. Is this an IE7 exclusive problem? mfaxion on "Formating with wpmu theme" http://bbpress.org/forums/topic/formating-with-wpmu-theme#post-7752 Wed, 30 May 2007 17:38:31 +0000 mfaxion 7752@http://bbpress.org/forums/ I know its been asked. Yes I have searched. Have everything integrated besides the positioning. mysoberlife.com/forums/ Problem 1: My forum loads on the left of the screen, below sidebar and above the header. Tried changing the position of the get_header to the end of the files in bbpress, that only created sidebar problems. Am I missing something simple? I assume that I need to modify the CSS file for displaying the content to make it reference the correct location. I tried using an absolute tag but that creates problems for people with different screen sizes. Any recommendations on the CSS code to use? Anyone have an idea of what to do? I'm loading the sidebar at the beginning instead of the end of bbpress php files. By the way I'm having the config for bbpress call the wp-get-header. Inserted the relevant bbpress styling into my wpmu themes stylesheet. Problem 2: On IE 7 part of my sidebar loads in the area where I want the forum to go. I believe it thinks that the sidebar is ending, some div work fixed it for the wpmu part of the site. I have a login form that loads different information (control panel) once a user logs in. the problem only occurs when a user is logged in. If anyone has a clue I'd appreciate it. Thanks -Matt