Topic: Change width of middle/bottom blocks?

[Tiribulus]

http://gregnmary.gotdns.com:8080
With any horizontal screen resolution under 1024 my front portal page breaks. Depending on the browser it either creates scroll bars on the side blocks or they kind of overlap and bunch up. I'm thinking, but may be wrong that the middle blocks are too wide. Does somebody know what to edit to narrow the width of the middle blocks, which are actually bottom blocks?

Or if that's even the problem? A screenshot won't really do it. If somebody wants to change the res on their monitor for a minute it will become apparent.

With horizontal resolutions over pf 1024 or more it works fine.

SMF 1.1.0 and SP 2.3.1
Thanks

PS, I was going to post this in the blocks board, but the "new topic" option was not available for me there.

EDIT: Actually it may be the article. I'm pretty sure I need to tame that middle section though.

I'm lost. I spent a couple hours diggin around and I cannot find where that center section width is set from.

[Nathaniel]

The center width is not actually defined using absolute values. Essentially, its width is the width of the forum minus the width of the two sides.

Problems arise, when you add content to the top/bottom blocks that is too wide. I believe that in this case, your image with the block title 'Seed, Grow and Hybrid Your Own Flowers!!!! ' is creating the problem, if that image were narrower then there would be no issues with the 1024 width.

[Tiribulus]

Lemme see,
Thanks

Disabling that block altogether didn't change anything. This gives me a clue though.

[Tiribulus]

Here's a  curveball.

Disabling all the bottom/middle blocks AND the article. in other words everything in the middle of the portal page, leaves a large space there just as wide as before

EDIT: Far be it sincerely from me to think that I know more about these things than you do Nathaniel, but changing the width percentage here:

Code: [Select]

<table cellspacing="0" cellpadding="0" border="0" align="center" width="80%">
which appears on line 529 of the index.template.php file of my theme actually does alter the center section of the portal by what fixed value I give it. Also I figured out that my 800 pixel wide logo image is probably a contributing factor here as well. Still workin on it.

[Nathaniel]

Of course you can add in a new 'width' atribute to alter the width of parts of your forum or alter the value given to the main div body of your forum by your template, but it won't change anything if you have content that is simply too large to be displayed within that width. All the '80%' does, is make your center area smaller (80% minus the width of the left and right sides) when the resolution is big enough to properly view the content within your blocks, its not going to help fix the overflow problem.

From using firebug (with firefox) to remove the contents of that block on my page, I can see that removing your 'Seed' widget will fix the overflow problems, the content in that block is too large to be properly displayed alongside your left and right sides at a 1024x768 resolution.

[Tiribulus]

Using their widget generator outfit I reduced the width by 100 pixels and it did indeed bring the width down as well. I love Firebug BTW. What I don't get is why when I disabled all the blocks and the articles that it left that wide empty space in the middle.

I've got one more issue with low res displays where it bunches up in upper right hand corner. However if I zoom out one increment it straightens out. I appreciate your patience. I realize these aren't precisely issues with SP itself.

[Nathaniel]

If you're referring to the 'header' text, like 'Welcome, Guest. Please login or register. ', then that would be due to your header image being a bit too wide.

[Tiribulus]

If it's any clue, it seems to be related to this area here. On the low res machine, If I change that width value to 100 Firebug's rollover outfit shows that it extends right out to where the blank spot on, what turns out be the whole right of the page actually, begins.

In other words I rollover "id=wrapper" and it highlights the whole page exactly to where the screwup starts on the right. It's like the page ends there and I get that blank background css color in the empty column down the right except the block and collapse buttons and stull float over the blank spot.

Maybe it is the image still, but I trimmed the width by about 40% and it still does it unless I zoom out on a 1024x768 display. It's not THAT important I suppose as there are far fewer machines running at that res than there used to be, but I can't stand not being able to solve stuff like this when it gets in my head.

[Nathaniel]

I'm not entirely sure what you are talking about now, if you are referring to the flowers in the header bunching up, then changing the 95% to 100% does seem to fix that.

[Tiribulus]

This is no emergency and like I say, you are totally doing me a favor here so only if you get some time or find this particularly interesting for some reason.

http://gregnmary.gotdns.com/pix/1024x768.jpg

This is on my wife's laptop @ 1024x768 in Firefox 3.5.

That green background extends all the way down that side of the page.

[Nathaniel]

Well, that would appear to still be the issue with the widget. If you made it narrower then that problem would probably not occur.

[Tiribulus]

Well, that would appear to still be the issue with the widget. If you made it narrower then that problem would probably not occur.

You are quite predictably correct. I put a smaller linked image in the block to an SP page with the widget and it fixed it. The image looks like crap, but it'll do for now until I come up with something better.
Thanks you very much sir.

[Tiribulus]

  OK, now I just noticed that the SP page display area is smaller than the widget.

Is there a way to make that area larger?

Thanks again for your time BTW.

[Tiribulus]

I figured it out. Actually the higher the resolution you make the widget the less space it requires on the page

Thanks again