Tip to make the width of webpage wider when tabs are used?

Hi Steve,

I have followed your previous post of codes to use tabs into webpage.

---

<div id="myTabs" class="userTabs">
<ul class="tab-list">
<li><a href="#tab1">My First Tab</a></li>
<li><a href="#tab2">My Second Tab</a></li>
<li><a href="#tab3">My Third Tab</a></li>
</ul>

<div id="tab1">
This is some content.
</div>

<div id="tab2">
This is some more content.
</div>

<div id="tab3">
This is even more content.
</div>
</div>

---

It's useful and works fine. Only one thing is the width will become narrower than normal webpage.
e.g. my club webpage example: ceci.toastmastersclubs.org/join_club.html

I have found that another club webpage below, it can be viewed wider (almost near the normal):
elitetoastmasters.toastmastersclubs.org/

How you idea how to make it wider as above one so can it be better viewed?

I intend to combine some web links with similar purpose on main menu into one webpage by using
tabs if it can be fixed. Thus, the no. of web links on main menu can be reduced to be more efficient.

Thanks!

Look at support.toastmastersclubs.org/doc/item/appearance ... "Layout Adjustments"

However, be aware that you cannot adjust the internal margin on a per page basis... it is a global tweak.

There is not really a good way to just have the tabs be used instead of the accordion for the home page content ... The accordion has to be used to allow for the possibility of the TI provided content panes to be enabled.

So my only real option for this from a system design standpoint was to give clubs a way to use tabs inside the accordion w/ a way to tweak the margin.

Thanks for your quick response.
It works!