Widgets dropping to bottom of Home Page

http://www.nhsportsforum.com/

Widgets on my main page are down at the bottom. Look fine once you enter a forum. Any suggestions?

FWIW when I move all the widgets to the left hand side they display fine. Seems to only affect main forum page when they are set to the right column. Thanks in advance.

Can anybody help?

How do you have the settings for forum widgets?

Width column 1 (left) : 0
Width column 3 (right) : 275
 Space between two widgets : 1

 Space between columns : 5

What else do you need?

The Assistant wrote:
Width column 1 (left) : 0
Width column 3 (right) : 275
 Space between two widgets : 1

 Space between columns : 5

What else do you need?

Hi you could try this from the FMquery boards.

Go to module and make a new widget, I called mine "top!" but call your one whatever you want. Make sure "use a table type" is set to no.

and put this is the html code

Code:

</div><div>

Move the widget to the top of your wdigets and save. It should move everything to the top of the screen.

Unfortunately that put my widgets on the bottom, and expanded their width 100% of my board. See screenshot.

That tutorial on FmQuery, is for something different and the way it works is completely unrelated. I know, I wrote it.

Try adding this to your CSS:

Code:


#container, #right { float: none }
#content { float: left; }


LGforum wrote:That tutorial on FmQuery, is for something different and the way it works is completely unrelated. I know, I wrote it.

Try adding this to your CSS:

Code:


#container, #right { float: none }
#content { float: left; }


I'm not particularly familiar with CSS you'll have to be more specific where I put it. Right now I just use the basic forum CSS and have not made custom changes. If you can just tell me where to put it in the CSS I can activate the custom CSS with the Code suggested in it.

My guess is it's somewhere here:

Code:


#content-container div#container {
   width: 100%;
   float: left;
   margin-right: -290px;
   }
#content-container div#content {
   margin-right: 290px;
   }
#content-container div#main {
   margin-bottom: 1em;
   overflow: hidden;
   
/* Fixes 3-column negative margins float clearing bug: http://archivist.incutio.com/viewlist/css-discuss/97678 Thanks Georg! */
}
*+ html #content-container div#main {
   margin-left: 15px;
   }
#content-container div#left {
   width: 0px;
   float: left;
   margin-right: 0px;
   overflow: hidden;
   }
#content-container div#right {
   width: 275px;
   float: right;
   overflow: hidden;
   }
* html #content-container #main-content {

Just go to your CSS and copy the code LGforum gave you and paste it in the bottom of your CSS.

That sounds easy...but when I did that it said my CSS was too long. So I've gone back to the Basic CSS.

Here's what I did:

Display>Colors>CSS Stylesheet>Deactivated the Basic CSS>Clicked "See your forum's basic CSS>Copied that CSS code into the code field>added LGforums code to the bottom.

Gave me an error, CSS was too long. A step by step tutorial would be helpful.

Why are you deactivating the basic CSS? Don't do that. Just leave that activated, don't copy the whole thing into the box.
Just simply put the code I suggested into the CSS box. Make sure basic CSS is activated, and there is no need to copy anything else into the box.

OK copied it in...no luck with bringing the widgets up.

change it this:

Code:


#content-container div#right { float: none }


And leave it in the css if it does not work. Leave it there, and I can find the next stage of what to do.

Done. Didn't work unfortunately. Looks like they got moved to the left underneath my forum now.

I do appreciate your help on this, thanks very much.

Anybody have any other ideas? I left the CSS code LGforum suggested.

Bump...(its been 2 days)

bttt

Sorry, i forgot about this. honestly don't know what is going on in your forum.

Did you get the skin off of hitskin? And can you post any CSS that you have in your CSS already please?

Hi!

Really simple... Just add this to your CSS

Code:

#content-container div#right {
float: right!important;
overflow: hidden!important;
width: 24%!important;
margin-left: 1px!important;
}

#content-container div#content {
float: left!important;
width: 75%!important;
}

Solved?
Friendly,

Edit: use this without the old codes provided

That won't fix the issue here though. Your now setting a width, which should ideally be done in the admin panel. Your setting things which need to be set by Forumotion in order for the proper customization methods to be retained. Basically, the width needs to be set in the admin panel, because it affects other settings, setting it in the CSS, means those other settings aren't dealt with. Hope that makes sense.

Well, Try add this to your CSS
This will fix your problem, and will correct the forum layout too.

Code:

#wrap {
min-width: 0px;
width: auto;
}
#content-container div#content {
margin-right: 0px;
float: left;
width: 74%;
}
#content-container div#right {
float: right;
overflow: hidden;
width: 26%;
}

and here your forum with this code:

I don't think people get what I'm saying but nevermind.

Infact I'll try once more; setting the width in the CSS may appear to fix the problem, but in reality your just creating more problems in the future. Setting it in the CSS does not fix the real issue here, your just adding more bogus CSS to the op's forum.

No worries about forgetting about me...

I don't have any CSS. I use the phpBBC (prosilver) theme provided by Forumotion I believe...actually looks a heck of a lot like this one.

If you didn't have any CSS in there beforehand, then its a forumotion problem, that your sidebars are not getting inserted into your page properly.

Obviously, the admin panel, controls certain the things server-side needed to set those sidebars, (probably the values are saved in a config table) and on your forum its not working.

One more thing to try. visit ACP > General, and click on the first configuration option on the side. Then try increasing your forum's width by 1%, keep doing it until either your sidebar fixes itself, or to the point your not happy with the width.

Gone up to 100% and doesn't fix unfortunately. Is there a way to report to the Forumotion programming team?

Niko! wrote:Hi!

Really simple... Just add this to your CSS

Code:

#content-container div#right {
float: right!important;
overflow: hidden!important;
width: 24%!important;
margin-left: 1px!important;
}

#content-container div#content {
float: left!important;
width: 75%!important;
}

Solved?
Friendly,

Edit: use this without the old codes provided

Well, if you use this code you will fix it

Niko! wrote:

Well, if you use this code you will fix it

That did not fix it. Using AhmedK's code DID fix it - BUT I'm concerned its not the right solution. What am I sacrifcing by implementing this CSS? How could future changes affect my forum? I want to do this right, not stick a band-aid on it. I'm in software development...I know where that leads.

Interesting - I just noticed the code I used from AhmedK fixed the home page - but now has my widgets dropping on all threads and subpages! We've reversed the problem! ARG!

I'm taking all CSS out.

The Assistant wrote:I want to do this right, not stick a band-aid on it.

I'm glad you see it like that, a good way of looking at it.

Since you have no CSS, and its a skin of Hitskin, then its a technical fault. Things aren't being set correctly, or your boards CSS has been set incorrectly.

Has it always been like this, or was there a time when the sidebar was fine?

In the meantime, you could maybe swap to using a left sidebar, fingers crossed it works.