Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #294

My Image Rotator Magic images are too wide in IE 6. How can I get them to show properly in IRM?

The Answer

Prepared Mar. 2010 by Al Sparber, PVII

IRM is designed to automatically adjust to the width of your layout. If you insert a widget inside a layout container that is 600 pixels wide, and your images are 640 pixels wide, the excess 40 pixels will be cropped. CSS bugs in Dreamweaver CS4 (and under) will, however, display the full width of the image—the same problem that you'll see in Internet Explorer 6 and under. The same workaround that fixes IE6 will also fix Dreamweaver Design View. Here is the fix:

Locate this rule in your IRM style sheet:

.p7IRM01 .p7IRMdv {
padding:0px;
border: 0;
position:relative;
margin: 0;
overflow: hidden;
}

The selector name will begin with either .p7IRM01 or .p7IRM02 depending on the style theme you are using.

Assign a width equal to the width of your layout container. If your container is 600 pixels wide make the width of .p7IRM01 .p7IRMdv 600px:

.p7IRM01 .p7IRMdv {
padding:0px;
border: 0;
position:relative;
margin: 0;
overflow: hidden;
width: 600px;
}

Depending on the complexity of your CSS layout, you might need to adjust the width slightly, based on the CSS box model. Simply change the width value until it appears just right in Dreamweaver and IE6.

Back to the questions list