Liquid Layout

I am having some people complain about having to scroll horizonaly on the forum. Is there a way I can prevent this?

Hello,

if you have ur forum set at 100% width, thats the widest you can have it.

As for scrolling up and down, it means that the forum's categories go over 1 page.
The only way to stop the scrolling habit would be to remove some and/or make some sub-forums.

No. I mean the page is too wide. Up and down is fine. some people have to scroll from side to side. I have tried different widths from !00% down to 70%, with no difference.

I think you need to do it with CSS.
Please provide a link to your forum and I will give you a CSS fix for it.

Code:

#wrap {
width:83%;
margin: 0px auto;
background-color: #2a2a2a;
background-image: ;
background-repeat: repeat;
background-attachment: fixed;
border-color: #46494b;
   border-width: 0px 0px 0px 0px;
   border-style: solid;


Find such a code in your css & replace the width amount & save.

That is for phpBB3 Sanket.
If he is using different version, he won't find this code in the style sheet.

ankillien wrote:That is for phpBB3 Sanket.
If he is using different version, he won't find this code in the style sheet.

Oh well, just give him the invision version then. He will choose whichever is his forum.

freethinkerrandy, if you are using phpBB3 version, try what Sanket said above.
If you are using IPB/Invision version, find out this part in your CSS...
#ipbwrapper {...
Notice property width : in it and edit the value.

Thanks for the responses. My CSS Style sheet (Found in Pictures and Colors--> Colors) is empty. I am using phpBB3 right now. http://joplinfreethinkers.friendhood.net/index.htm

I did try the code above, but nothing. I am supposing that I need more in the CSS page.

Thanks in advance

If your CSS is blank the just copy and paste this code there.
You don't need any more codes there.

To make a liquid layout

Code:

#wrap {
width : 80%;
}

or...

To make a fixed width layout

Code:

#wrap {
width : 850px;
}

Change the % and px as per your need.

Neither one seems to work. I really appreciate your help, but unfortunatley I am still having this issue.

Am I right when I paste the above code into the CSS Style sheet under Colors in The display Settings, or is there somewhere else I need to be?

Thank you all so much in advance for you time!

You are pasting it at the right place.
Remember that, to make changes appear, you must refresh your forum page after saving the style sheet.

If you give link to your forum, I can better understand the problem.
Thanks

http://joplinfreethinkers.friendhood.net/index.htm
Yes. I do remember to refresh. I change my resolution from a widescreen with no horizonal scrolling, to a standard 1024x768 and refresh again, but There is horizonal scrolling.

I feel badly about begging for help, but sincerly thank all of you.

Ok...try this code...

Code:

#wrap {
width : 850px !important;
}

Hope this will make change

Still nothing...

Try this...

Code:

div#wrap {
width : 90% !important;
}

Are you sure that your CSS is blank and nothing is written there.

Didnt work. the CSS is blank, except the codes I try posted on here.

I tried starting from scratch, and loaded the phpBB3 with the default theme, but nothing. I tried Invision... nothing.

I am confused :l
May be Jalokim can help you.

paste this code into your css and then try the above:

you'll need to download this txt file... open it with notepad... select all the text and paste into your CSS
http://www.mediafire.com/?ztzuzgzdhmy
save
than using F3 locate the classes mentioned above and chagne your width
cheers

Is that the basic CSS, Jalo?

its his CSS... with all the data that he entered via the colors menu.


thats why i dislike the colors menu and I always disable it. it doesn't generate CSS it creates a hidden one.

If I'm not mistaken overwritting the colors menu CSS , will allow freethinkerrandy to edit his forum freely... including the width

I think its true. Using both, the color tab and CSS to edit style can be troublesome.
One should use either of them.

SOLVED (Partialy)

Ok. I was hopeful, but it did not work. I must have changed something a long time ago and forgot. I have another forum and it is fine, so I copied the code from that forum and pasted it into this forum.

Now I am fine. I do need to go through and change a few colors, etc... but the big problem is over it seems.

Allow me to share with you all what finaly worked for me.

http://joplinfreethinkers.org/width_Fix.txt

Of course there is a lot of "junk script" that would change the appearance for other people, but I am not good enough to go through it and find the relevant code, and discard the irrelevant.

I will leave this up indefinatley for other users with this same issue.

Thank you all so much!

Randy

UPDATE:

lol

OK. I tried to add my forum widgets, and uh oh... its back.

Anyone know how to get the forum widgets to respond to the liquid format?

I alos deleted the Entire CSS, and THEN pasted the above suggestions in, and they suddenly worked. I still cant add widgets, and when I drop to 800x600 I get a horizonal scroll bar.

Try changing the width of your forum to 60% - 50% or something. If that doesn't work, then try using a code what Sanket gave you.

What version is your forum?

phpBB3

Some Relevant info!

Ok. I noticed a couple things.
1. When I add Forum Widgets, the minimum width for each column is 180px.
2. Even if you do not put something in the right column for instance, it will still reserve the space (180 px or more)

So even though I do not have a perfect liquid structure, I am able to provide the common user with an unscrolling forum. Even with forum widgets on one side... which is plenty for me.

It looks like I am finished here, but feel free to explore this issue further if it interest you. I will check back to see if anyone else comes up with something a little better.

Thank you all so much. With everyones advice, and a little exploring, I was able to get what I wanted!

For me... SOLVED!