CSS & low resolution

[dbirosel]

Due to everyone not having the same resolution, the tabs on my forum becomes unorganized through the viewers monitor. The tabs are based off basic CSS, so i was wondering if you guys know the solution to have the tabs looking in the same in all resolutions.


Here are some pics:

http://www.caraudiojunkyard.com/forum/16976-post6.html

[Mythotical]

You've got the buttons constrained to only stretch for so many pixels. Try changing:

width="xxx"

to

width="100%"

Hope this helps.

[dbirosel]

You've got the buttons constrained to only stretch for so many pixels. Try changing:

width="xxx"

to

width="100%"

Hope this helps.
Thanks Steve for the fast response. I'll check that out right now.

[Mythotical]

Let me know the results. Also, you should find the tabs in your header just in case you didn't know that already.

[dbirosel]

Let me know the results. Also, you should find the tabs in your header just in case you didn't know that already.
You recommend having the tabs on the header instead of navbar?

fyi, here's the how to that someone written up:

https://vborg.vbsupport.ru/showpost.php?p=1239477&postcount=10

[Mythotical]

No no no, I meant the tabs should be in your header as the navbar is seperate so check your header for the tabs. If they aren't there then check the navbar.

[dbirosel]

Just checked that code again, and there is a width=100%

[Mythotical]

Ok if you did that then I can definately say the tabs are in your header template.

EDIT: Is there a way I can view your forum? I want to view the source code and see if I can find what you need to change to get it to show right in multiple resolutions.

[dbirosel]

No no no, I meant the tabs should be in your header as the navbar is seperate so check your header for the tabs. If they aren't there then check the navbar.
Correct, from the link i showed you, he recommended on placing it on the navbar.

Ok if you did that then I can definately say the tabs are in your header template.

EDIT: Is there a way I can view your forum? I want to view the source code and see if I can find what you need to change to get it to show right in multiple resolutions.
Negative, as said, the code:

<div id="tabsJ">
<ul>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=69" title="Buy and Sell with other members here."><span>Classifieds</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=133" title="Purchase products for your rig from our vendors!"><span>Vendors</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=4" title="Non Tech Forums"><span>Non Tech</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=1" title="Tech Forums"><span>Tech</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/arcade.php" title="Hang out in the Arcade!"><span>Arcade</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/" title="The main forum page!"><span>Home</span></a></li>
</ul>
</div><br><br>

been placed in the navbar.

[Mythotical]

This code:
<div id="tabsJ">
<ul>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=69" title="Buy and Sell with other members here."><span>Classifieds</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=133" title="Purchase products for your rig from our vendors!"><span>Vendors</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=4" title="Non Tech Forums"><span>Non Tech</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=1" title="Tech Forums"><span>Tech</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/arcade.php" title="Hang out in the Arcade!"><span>Arcade</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/" title="The main forum page!"><span>Home</span></a></li>
</ul>
</div><br><br>

That tells it what link to put where.

In the CSS for tabsJ find:
/* width:100%; */

change to:
width: 100%;

EDIT: Sorry didn't realize that the tabs were run off of CSS.

[dbirosel]

This code:
<div id="tabsJ">
<ul>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=69" title="Buy and Sell with other members here."><span>Classifieds</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=133" title="Purchase products for your rig from our vendors!"><span>Vendors</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=4" title="Non Tech Forums"><span>Non Tech</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/forumdisplay.php?f=1" title="Tech Forums"><span>Tech</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/arcade.php" title="Hang out in the Arcade!"><span>Arcade</span></a></li>
<li><a href="http://www.YOURFORUM.com/forum/" title="The main forum page!"><span>Home</span></a></li>
</ul>
</div><br><br>

That tells it what link to put where.

In the CSS for tabsJ find:
/* width:100%; */

change to:
width: 100%;

EDIT: Sorry didn't realize that the tabs were run off of CSS.

Edit: i think i fixed it. let me test it out.

[Mythotical]

Ok in the main CSS alter the padding for tabsJ, play around with it and see if the padding could be the cause.

I plan to use that CSS function in a new style I'm developing so if you haven't figured it out by then I will play with it and see if I can fix it.

[dbirosel]

So far it seems like it's working well with IE & Opera. In firefox, the only problem is that the tabs seem to be on TOP of the navbar. Doesn't look right.

[Mythotical]

Show a screenshot of the firefox view. What version of FireFox you have as well?

[dbirosel]

FF 2.0

http://img45.imageshack.us/img45/2232/tab2kx6.th.jpg (http://img45.imageshack.us/my.php?image=tab2kx6.jpg)


Also, try different resolutions. 800x600 etc. The tabs will get out of proportion(sp?)

[Mythotical]

For some reason I'm not able to view that image. It keeps appearing real real small for me so I can't make out anything.

But from what you have described, I might have to play with this stuff myself so I can see what the problem is.

[dbirosel]

For some reason I'm not able to view that image. It keeps appearing real real small for me so I can't make out anything.

But from what you have described, I might have to play with this stuff myself so I can see what the problem is.
I wonder how vB.org did there tabs then. Because i'm assuming they have no problems with all browsers and resolutions.

[Mythotical]

Not sure, I'm viewing the source of vb.org, maybe I can figure it out. But they don't have that many buttons though.

[dbirosel]

Not sure, I'm viewing the source of vb.org, maybe I can figure it out. But they don't have that many buttons though.
Sounds good. I'm subscribed to this thread, so it would be great if you can keep my updated. :D

[Mythotical]

No prob, I gotta get to a meeting now so I'll play around with it tonight.