PC11 Max Image Size Container

Definition

DIV container used to automatically resize any contained images to a specific width as well as providing an auto generated k5 to view the full size image. This is useful on pages that have several large images that push the page design past it's normal width.


Usage

This component is intended to be used anywhere inside the MAIN CONTENT section of the page wrapper. It may wrap around all content or just an image or two, and there may be more than one on a page. There should be no issues using this component around all of your content, but if anything is broken by this type of usage try using it only around the images.

Use the ALT attribute in the image to set the title of the k5 pop up, the TITLE attribute will not work for this, and can be set to something else if needed.

NOTE: This component does not work in IE5 or IE6 since it relies on the max-width css attribute which is not supported by older versions of IE. Users of those browsers will see the image at full size and they will not get a k5 pop up.

v0 400px Max Width Images Container

The 400px width variation is for use on pages with two side nav columns.

NOTE: The image in the examples are only for illustrative purposes, an image tag is not a part of this component.

This is a large sample image of the sun.com home page

Copy the code below and paste into your text editor.

No Templates Reference this

v1 590px Max Width Image Container

The 590px width variation is for use on pages with one side nav column.

NOTE: The image in the examples are only for illustrative purposes, an image tag is not a part of this component.

This is a large sample image of the sun.com home page

Copy the code below and paste into your text editor.

No Templates Reference this

v2 780px Max Width Images Container

The 780px width variation is for use on pages with no side nav columns.

NOTE: The image in the examples are only for illustrative purposes, an image tag is not a part of this component.

This is a large sample image of the sun.com home page

Copy the code below and paste into your text editor.

No Templates Reference this

Contact About Sun News & Events Employment Site Map Privacy Terms of Use Trademarks Copyright 1994-2006 Sun Microsystems, Inc.