Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Facebox Popup Scrollbars
Avandius (New Admin) 1/21/2009 5:27 AM EST : Facebox Popup Scrollbars
Avandius
Posts: 337
Fingers of Fury!

I know you've mentioned it before but i can't seem to find it.

Here is what im using the facebox's for:

http://testament.guildportal.com/Guild.aspx?GuildID=285452&TabID=2396978

Question is how do i add scroll bars to the facebox, roughly 800px in length?

How do i align it closer to the top or direct middle of the page? As it is there is a large gap near the top of the page when the facebox is active, which will likely be resolved when i get scroll bars in.
TopBottom

Mottie (MVP) 1/21/2009 11:26 PM EST : RE: Facebox Popup Scrollbars
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Avandius!

This CSS should work with non-IE browsers (IE doesn't do max- or min-). Just add this CSS into your Custom StyleSheet.
#facebox .ContentBoxBody { width: 600px; max-height:800px; overflow:auto; padding:5px; }
Adjust the width, max-height and padding (all in red) as desired for your site.
TopBottom

Avandius (New Admin) 1/22/2009 7:00 AM EST : RE: Facebox Popup Scrollbars
Avandius
Posts: 337
Fingers of Fury!

Before we got scroll bars to work for the comments pop up window, doesn't work here i imagine?

I'd like to get it to work on IE, or in the ver least for it to move up towards the top rather than leaving 500px of space up top and being flesh with the bottom of the browser.

Thanks none the less.
TopBottom

Mottie (MVP) 1/23/2009 9:33 AM EST : RE: Facebox Popup Scrollbars
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Avandius!

Ok! I found a nice hack to make all the min-height, max-height, min-width and max-width work on IE (as well as the other browsers)! - I find it ironic that it was posted back in 2005.

I've tested it and it works! (ignore the CSS in the post above LOL)

#facebox .ContentBoxBody { width: 98%; max-height:500px; height:auto !important; height:500px; overflow:auto; padding:5px; }

The hack is in green... there are two important things to note:
  • The max- or min- must be before the green text and the actual height/width must follow it.
  • Note: you cannot use percentages in the max-, min- or in the height/width following it.
To move the facebox up, add this CSS and adjust the top as you desire.

#facebox {position:absolute; top:20px !important;}
TopBottom

Avandius (New Admin) 1/23/2009 11:35 AM EST : RE: Facebox Popup Scrollbars
Avandius
Posts: 337
Fingers of Fury!

Do they have to be in a certain order? what does the .body do that the .boxbody doesnt?

It still isnt working for me on IE or FF, i've yet to see the scrollbars. I'd love to know what the heck is going wrong. Herm..

The absolute positioning did work however.
TopBottom

Mottie (MVP) 1/27/2009 9:46 AM EST : RE: Facebox Popup Scrollbars
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Ok sorry Avandius, I was thinking you were using the info section windows to display the information, which is why I used the ".ContentBoxBody" but I see now that you're not... so here is what should work:
#facebox .content { width: 98%; max-height:500px; height:auto !important; height:500px; overflow:auto; padding:5px; }
This CSS should work for ALL facebox windows, so be careful of images and video boxes that use the facebox popup because the scroll bars will also be applied to that content.
TopBottom

Avandius (New Admin) 1/27/2009 12:27 PM EST : RE: Facebox Popup Scrollbars
Avandius
Posts: 337
Fingers of Fury!

Thank you! No worries about other face boxes, i'll deal with that as they pop up.

Another thing to add is the scrollbar color, which only works for IE i believe:

#facebox .content { width: 98%; max-height:800px; height:auto !important; height:800px; overflow:auto; scrollbar-base-color: #ac9f6f; padding:10px; }

Change the color to whatever you wish.

Woot! Check em out!

http://testament.guildportal.com/Guild.aspx?GuildID=285452&TabID=2396978 
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%