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! > Need help with coding in overflow: auto
Warfette (Guild Admin) 3/10/2009 6:51 AM EST : Need help with coding in overflow: auto
Warfette
Posts: 201
Fingers of Fury!

Hi everyone,

I'm trying to get my site to auto overflow when a user uploads a picture too big for the content box.
Usually I just trim the pictures to fit the layout but I'm not spending as much time micro managing the site and the pictures are just ruining all my pretty layout.

I've tried messing with nested divs and floats but to no avail.  I'm not a css guru by any stretch just trying to piece it together from examples I've seen.

If anyone has any ideas, or can help with the code that would be great.

Thanks.



TopBottom

Mottie (MVP) 3/11/2009 6:49 AM EST : RE: Need help with coding in overflow: auto
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Warfette!

Add this line to your CSS... adjust the width in red to the max width. This method will allow the max-width attribute to work with IE.
.CenterContentZone img { max-width: 400px; width: auto !important; width: 400px; }
TopBottom

Warfette (Guild Admin) 3/11/2009 7:22 AM EST : RE: Need help with coding in overflow: auto
Warfette
Posts: 201
Fingers of Fury!


Hah! 

So simple, thats brilliant Mottie thanks for taking the time

Keep up the fantastic work.

 -Warfette



TopBottom

Carneus (Guild Admin) 3/13/2009 6:41 AM EST : RE: Need help with coding in overflow: auto
Carneus
Posts: 1435
Zomgawsh Poster

Adding this does not work with IE6. Anyway to make it backward compatible?

[edit]

I fixed the problem. It was the order they were listed in CSS. It had to be,

.CenterContentBoxBody img
{
         width: 700px;
         width: auto !important;
         max-width: 700px;
}
Carneus
TopBottom

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