Fixed width tabs - without the use of extensions?

[neoborn]

Is there a way to specify without the use of an extension the max widths or min widths of a tab?

Thanks in advance.

[Racer]

Yes, from userChrome.css

[neoborn]

how?

[neoborn]

Just to add I have searched and heard many replies to this question, is there anyone who actually knows and has it working on their firefox?. If so let me know here. I don't really want to hear "try this" and "try that" because myself and others have.

So please if you do know and have this working with the exact code, reply, please!

Thanks


=====================================
The suggestion so far have been:

/* change width of tabs (supposedly)*/
/* Fixed width Tabs*/
tabbrowser tab {
min-width: 100px !important;
max-width: 100px !important;
}

/* Change the tab-bar height*/
tab {height: 19px !important;}
.tabbrowser-strip {height: 23px !important;}

/* Fixed width Tabs*/
tab {max-width: 100px !important;}

In Userchrome.css (yes I know where it is and how to edit it without Chromedit :o and

user_pref("browser.tabs.extensions.tabs_max_width", 100);

in my user.js file (see note above about I know how to do this )

If I sound obnoxious, attitudey or like a complete asshole it's prolly cause I am or don't know how to convey "niceness" in this medium but just take it for granted that really I'm a nice guy!

[mozillasucks]

Edit: removed on request of lawyer

[MechanicalMan]

Code: Select all

tabs {
  min-width: 120px !important;
  max-width: 120px !important;
}

[hitop]

I know this is an old thread, but since I'm trying to live without TBE now that 1.0 is out, I was seeking an answer to this as well.

The suggestion so far have been:

/* change width of tabs (supposedly)*/
/* Fixed width Tabs*/
tabbrowser tab {
min-width: 100px !important;
max-width: 100px !important;
}

That one succeeds in limiting the space available to ALL tabs to only 100 pixels. In other words, if you have 2 tabs open, each one is only allowed 50 pixels. Not useful.

/* Change the tab-bar height*/
tab {height: 19px !important;}
.tabbrowser-strip {height: 23px !important;}

I really don't care about the height of the bar.

/* Fixed width Tabs*/
tab {max-width: 100px !important;}

Or the way mentioned in the previous post (including a min-width as well) only succeeds in limiting the tab size in Chrome Edit. So it's close, and it does what I want, just not WHERE I want.

So, I agree with the original poster that we're still in need of a fix here. And I would also like to know if anyone can confirm any of these methods as working. I think that last one has been kicked around the forums since I started using FF at 0.7 (and probably earlier), and I've never seen it work.

[Adam Le Momo]

hitop -

Good luck to you - but I've given up trying. I've posted numerous times and gotten the same answer - the CSS changes that don't work. As you said - I don't want a minimum width when you start adding tabs - I want tabs that <b>always stay one width all the time</b> (and that width would be small)

[Orions_Stardom]

Code: Select all

.tabbrowser-tabs > tab {
                 min-width: 200px !important;
                 max-width: 200px !important;
}

userChrome.css
Change the 200 to a figure of your liking.

[Adam Le Momo]

Thanks for replying Orions_Stardom - but that CSS entry doesn't change a thing for me.

<code>.tabbrowser-tabs > tab {
min-width: 200px !important;
max-width: 200px !important;
}</code>

The tabs stay the same width - nothing I do seems to change them. Could there be something fundamentally wrong I'm doing?

FF1.0 on WindowsXPSP2

[caramanis]

Some of the css suggestions only work with particular extensions installed, i.e. scrollable tabs. The person posting the suggestion may not realize that it is dependent on a particular extension. That is why it may seem to work for some and not others. Like Adam, the most recent suggestion did not work for me, nor has any other suggestion that has been made on this or any other thread. I'm beginning to believe there is simply no way to do this without new code added by an extension.

[Adam Le Momo]

Caramanis -

My thoughts exactly. So the question now is - what extension is it that allows this? I know TBE does this - but I've stayed away from it due to the bad rap.

Please oh please someone write an extension for this!!!

[caramanis]

There are only two ways I know to do it without TBE.

1. Use the Scrollable Tabs extension and this code:

/* Fixed width Tabs with Scrollable Tabs Extension*/
tabbrowser tab {
min-width: 175px !important;
max-width: 175px !important;
}

2. Open toolkit.jar in C:\Program Files\Mozilla Firefox\chrome. (You can temporarily rename it toolkit.zip if you need to). Then proceed to "content\global\bindings" and open tabbrowser.xml. Search for "250" and change both instances to the number you want. Then save tabbrowser.xml and repack toolkit.jar. By the way, that should all be done with Firefox closed. Also, this "fix" will be changed back to the default upon reinstallation or installation of another build.

Until another extension is written to do this, or someone figures out a better way, these are the only two ways I know of doing it.

[Orions_Stardom]

I have used the code I posted without scrollable tabs. But, I'll test it now on a new profile to be sure (last I tested it was with 0.10.0, and the situation could have changed since then).

[Adam Le Momo]

caramanis -

Thank you oh thank you for the tip! I modified the toolkit.jar file and it worked like a charm. You win a pie!

:-)