On Thu, Aug 11, 2011 at 4:05 PM, Tindle, Terri <terri.tin...@ago.mo.gov> wrote:
> I took over a very complex website from a web designer. I'm trying to use
> her template to build a new page. The only issue is that in resolution 800 x
> 600, the main image goes off the page. To be honest, she is using at least 6
> different css sheets and I don't even know where to start. Is it possible to
> build a custom class that takes care of this problem without having to sort
> through all the css?
>
> This site is supposed to go live within the next hr so I am a little in panic
> mode.
>
> Thanks!
>
> http://ago.mo.gov/CanineCruelty/
>
>
> Terri Tindle
> Information Systems Specialist
> Office of the Attorney General
> Work: (573) 751-1795
> Cell: (573) 659-0347
> terri.tin...@ago.mo.gov<mailto:terri.tin...@ago.mo.gov>
>
I would recommend using max-width on the image. Without being able to
try it myself, i'd start with removing the dimensions from the img tag
and let the container define the width - adding
[selector]img{max-width: 100%;} to the styles. As the container
changes width, the image will proportionally scale to fit the width.
Again, I can't get the time to play with it. Just a suggestion.
HTH
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
