Attribute Floating to Right !!!!

[hooai12]

Hello

I tried to figure this out from the searc forum But couldn't..

I fifnished up my site and My site looks to be find on IE but

When I turn on Firefox

it moves to right.

The Product Info page, the page doesnt moves to down.

Length of my centerbox seems to be cut off and additioanl image from Image handler got pust up to right side and also my attribute option name got moves to middle.

How Can I fix this?

I tried to search from the forum and they removed the "Float" but

it got worse so I didn't touch after all.

Please Help!!

example site is this

http://www.shopyourstrulee.com/shop/...roducts_id=194

1. is Firefox Version
2. is from IE version



Help!

[tony_sar]

this code might fix the problem in Firefox , but i can not tell what will happen with IE ..
Add the following code to end of your stylesheet.css


#productAdditionalImages {
clear:both;
}


also , you may want to visit w3c to validate you page , as i get many error regarding your CSS . those errors might have something to do with your page.

DO NOT design your site for IE .. you should work with your page with Firefox and then fix any problem that might show up in your IE browser .

[hooai12]

Thank you so much!!

it works!! on IE and firefox both!

But still having troubles with attribute option names!!

additional image works fine but

atrribue option name is still on the center.

Should I add this line to attribute option name also?

How should I do that?

Please help me one more time!!

[tony_sar]

the only problem i see with your attributes is that attribute text overlapping your image.

add this to end of your stylesheet.css and see if it helps out.

#productAttributes h3 {
padding-left:5em;
}

[hooai12]

Thank you.

but I changed to that txt

It looks fine when I turn on the firefox..

but now it is problem witih IE.

IE, it moved to center...

[tony_sar]

for now , try the following .. open your product_info.css and locate this code.

#productbox {product_info.css (line 15)
float:right;
margin:0;
padding:0;
width:75%;
}

change width from 75% to 60% . this should make it work in both ie and ff .. once done , i will look at other problems with text alignments ..