I LOVE this theme!

However, after adding several sets of user-permissions, the user-tabs on the user's profile page trail off to the right hand side of the screen.
(see screenshot, below)

I have tried several pieces of CSS to fix this issue, including this one:

http://drupal.org/node/328592

Is there a way to get the tabs to wrap so that it doesn't go underneath the regions on the right side?
Thanks in advance for any help you can provide.

CommentFileSizeAuthor
#2 colourise-ie7.png10.89 KBgodspeed2048
screenshot.png40.52 KBgodspeed2048
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Sungsit’s picture

If you used fixed-width layout, try to assign ul.tabs width. Like this one.

ul.tabs.primary,
ul.tabs.secondary {
  width: 400px; /* or anything that fits your layout */
}
godspeed2048’s picture

FileSize
10.89 KB

Thanks for the prompt feedback Gibbozer!

Yes, I am using fixed-width.
But unfortunately, this fix did not work either.

Alas...

It doesn't matter since it looks like we will have to abandon the Colourize theme anyway due to the fact that 6.x-2.1 is not displaying at all in MS IE7.
Just a white screen.

(see attachment below: colourise-ie7.png)

This is not really surprising, since IE can't even seem to manage to wipe it's own posterior without help.
But my client insists on his site working perfectly in all browsers.

It's too bad too, Colourise is sexy!
It is a bit strange though - as I have used earlier versions of Colourise (6.x-1.3) on other sites and they seem to work fine just in IE.

Example: http://coralbaydigital.com/

Anyway, I cannot use an older version in this instance for reasons that I won't go into.

Sungsit’s picture

Assigned: godspeed2048 » Sungsit

OK, I'll check it out (both 2.x-dev and 2.1) as soon as I can spare my hours.

gensuperman’s picture

Yah, I can see the theme just fine in IE, however, when a comment is created or when someone replies to a post, the theme entirely breaks in IE7. The entire page becomes white, and the main title graphic disappears. In fact, in the comment box, it contains the title graphic.

The theme works perfectly in Firefox. I am only having trouble in IE7.

Also, TinyMCE breaks completely in IE7 with colourize, especially in the comments fields.

Oh, well.. I really wanted this to work.

Since a larger amount of civilization uses IE for now, there is not much we can do.

I had to remove the theme from my site. I truly hope that the theme author is able to fix this for their theme.

It's a great theme, but until it gets fixed, I would not recommend anyone use this theme.

Carlos Miranda Levy’s picture

To prevent the words within the tabs to wrap, just do nowrap for the li element:

ul.tabs.primary,
ul.tabs.secondary {
white-space: normal;
}

ul.tabs.primary li,
ul.tabs.secondary li {
white-space: nowrap;
}

White-Buffalo’s picture

This one works best: http://drupal.org/node/238976

yashadev’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)
Issue tags: -wrap tags

Automatically closed -- issue fixed for 2 weeks with no activity.