TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
Stats
  • Total Posts: 195,994
  • Total Topics: 21,325
  • Online today: 312
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 194
  • Total: 194

Spacing or padding around article blocks

Started by Dianna, February 28, 2009, 10:19:08 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Dianna

What do you mean, remove the php content code from the article?

IchBin


Dianna

I just removed the php coding and it does remove the scroll, it just leaves that lovely grey padding that has become my nemesis. 

So it's that padding that is pushing my html into a scroll regardless of an iframe or a php code.  If that mystery padding was gone it would fit right. 

I'm just going to take the long easy route and tweak all of my html pages to fit inside that mystery padding and just let the site go with the gray padding. At least gray fits the colors of my site.  I don't know what else to do but conform and work around that gray padding. 

I'm surprised that the php coding would create a scroll just like the iframe did. It seems it would just cause some of the area to hide or overlap. 

I'm going now and starting to reduce the width of my html pages and reducing my images to fit inside what area I have to work with in order to remove that scroll. 

It's all about that gray mystery padding. :-( 

Dianna

Here's the page without the php code by the way and how it only leaves the gray mystery padding that is the root of my problem.

http://www.schreeandbaby.com/index.php?page=about

IchBin

The root of your problem is that you're content is too wide. Fixed widths are the problem here. If you'd use percentages in your layouts you'd never have this problem. The gray box is from some tinyportal settings that are not properly set, (bug in TP) but it is not causing the problem. If you got rid of the gray box you would still have the scroll.

Dianna

No, that gray padding is causing some spacing that is pushing my article width out.  In my normal website in HTML it fits fine.  I have a 925px width.  My left column is 150 and right column is 150 and my body is 603. That's 903px for left, right and body. It's the grey padding that is pushing it to not fit. 

I'm thinking of either shrinking my body area or going ahead and going with 100and then tweaking my header.  I would have to do my header with a left, right and middle and have the middle part be able to adjust accordingly.  It's not how I wanted my header since I have the marquee in it and how I have my graphics. But it may be the better option so I don't have to shrink the body anymore and not much play there.  I'm looking at my header and I will have change some things around because there is no where that I could put a split in it to put a middle that would shrink or enlarge. URGGG!

It's definitely that damn gray padding that has caused my problem.

I'm just going to have to go and work around this padding to make the site work around it.  I may just have enlarge the width of my header and try stuff that way.

If it weren't for that gray padding.

Dianna

#56
Ichbin,

I've just created a new footer and using the php coding block and I'm still getting a scroll on it.  The html body that it's calling up is at 890px and the bottom block width is 925px.  So how in the world could it be causing a scroll? 

I'm not too convinced that if I shrink my HTML pages that the scroll will go away if a simple footer won't get the scroll to go go away. 

The crazy thing is that I didn't get the scroll issue in beta1, it's only until I move to beta3 that I get this problem.

www.schreeandbaby.com/index.php?page=about  ....to see the footer with it's scroll on the php block.  And that's a 35pixel difference, there should be no scroll on this! UGH, I'm frustrated!

ETA:  I just changed my footer and shrunk it's width more to 800px. Then the bottom panel is set to 925px so that's a 125px difference and still getting a scroll with a php block.  That has to be a bug, right?

Dianna

UGH, I got it!  If my body is set at 925px then the bottom panel has to be smaller than 925 to not get that scroll.  It's not my HTML width but the panel width causing the scroll in the footer.  I set the bottom panel to 915 and my body width is 925px and that worked!  So I can go back and fit my HTML back to 915 so it centers correctly. 

Too bad I can't do the same for the articles.

Dianna

Okay, another discovery:

Body = 925px
BottomPanel = 915px
HTML table width = 905px

So basically they have to 10px apart for me not to get a scrol in my footer regardless if I use a iframe or a php code block. 

I'm hoping I can do something with the actual articles to do the same. Is there a place that I can change the width of the article body or does that go back to that evil mysterious grey cell padding?

Dianna

#59
When in Rome......okay, I just set my HTML table width for my ABOUT page article to 565 and then I set the iframe width to 570 and it WORKS!  I now have no scrolling issues.  I also found if I set the setting to a "FRAME" around the article that it puts the nice border around that damn mystery gray padding so at least it looks purposeful and looks a little better.  So I've totally worked around the cell padding issue.

So I'm set for now with this and I'm going to change the width of all my article pages to 565pixels and my iframes. Yea, I'm still going to use iframes since with php I still get scrolls and with iframes I don't have to mess with my image settings. It works for me.

If I do encounter future problems with my body settings, I'll go and change it too 100% and just have tweak my header by putting it into 3 parts with the middle able to shrink or enlarge. That's my plan B if this doesn't work. 

But I do hope that Zarprime will still let me know on this grey padding bug issue. If it goes away then that problem will go away for me all together and I'll have a perfect all black body.  :-)  So I hope the bug is still on the list as important to look at.

So I have my footer working, the body now working and I have beta 3 so I should be set with the work arounds.  Thanks for all of you guy's help. I really do appreciate it.  At least this will be a workaround that will work for my site. 

So I'm on to reducing my pages to 565. Thanks again!! 

This website is proudly hosted on Crocweb Cloud Website Hosting.