Column Width New Products in Empty Cart Page

[limelites]

Hi,

If you click on NEW PRODUCTS on my site, you'll see that the column width is controlled via my stylesheet using stylesheet like this:

.new_products {float: left;
width: 200px;
height: 285px;
text-align: center;
} 

My problem is with when you click on Shopping Cart and your cart's empty... it will also show a New Products Page but if you're in IE7 you'll see that the column width is too narrow here and it forces the 4th pic down onto the next line.

Does anyone know how to set the column width in an empty cart page?

[limelites]

I tried making the images a tad smaller, but it has no effect, somehow I need to narrow the actual columns?

[limelites]

Very strange, even when I set mainWrapper to 1500px (just to see if it's a page width problem) the 4th image is still forced onto the next line....

It's only happening in IE.... FF is perfect.... anyone have any idea what it can be?

[tony_sar]

try this . hopefully will help out in IE ..

#whatsNew {stylesheet.css (line 518)
padding-left:0;
}

add

display:inline;

see if this works .

[limelites]

tony_sar you should change your name to tony_star...... you have no idea!! I've spent the last three hours on that and you get it in 2 secs. flat!!

Seriously, that's the 3rd or 4th time you've helped me... I think I love you :-) Thanks a gazillion!!!!

[tony_sar]

no problemo

[limelites]

while we're on the subject of this layout... do you know how I set this page

To be the same as this page

...... in so far as:

• manufacturer
• model
• price

as opposed to:

• product name
• price

????????

[limelites]

try this . hopefully will help out in IE ..

#whatsNew {stylesheet.css (line 518)
padding-left:0;
}

add

display:inline;

see if this works .

Hi Tony, been trying to replicate this on my Monthly Specials view but to no avail.

It worked a treat on new products, but I've now set my homepage to display monthly specials and it's doing this silly 3,1,3,1,3,1 images per row in IE7 again.

To what part of my Stylesheet do I add display:inline; to make the rows display as 4,4,4,4,4,4 as I can't seem to find it? Been looking for over an hour but you'd probably know immediately :-)

[limelites]

OK, solved it :-)

.centerBoxWrapper, .tabTable {
padding: 0px;
height: 1%; /*do not remove- IEhack*/
margin-bottom: 1em;
line-height:1.4;
display: inline;
/* background:#ffffff url('../images/content-bg.jpg') 0 28px repeat-x; */
}