Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Attribute Floating to Right !!!!

Attribute Floating to Right !!!!

Locked

Views: 908

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
2 Jun 2009, 5:05 PM
#1
hooai12 avatar

hooai12

New Zenner

Join Date:
Apr 2009
Posts:
30
Plugin Contributions:
0

Attribute Floating to Right !!!!

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/zen/index.php?main_page=product_info&cPath=66_67&products_id=194

  1. is Firefox Version
  2. is from IE version

Help!

3 Jun 2009, 1:08 AM
#2
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Attribute Floating to Right !!!!

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 .

3 Jun 2009, 5:32 AM
#3
hooai12 avatar

hooai12

New Zenner

Join Date:
Apr 2009
Posts:
30
Plugin Contributions:
0

Re: Attribute Floating to Right !!!!

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!!

3 Jun 2009, 8:45 AM
#4
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Attribute Floating to Right !!!!

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;
}

3 Jun 2009, 6:05 PM
#5
hooai12 avatar

hooai12

New Zenner

Join Date:
Apr 2009
Posts:
30
Plugin Contributions:
0

Re: Attribute Floating to Right !!!!

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...

3 Jun 2009, 8:19 PM
#6
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Location:
Montreal, Canada
Posts:
2,276
Plugin Contributions:
0

Re: Attribute Floating to Right !!!!

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 ..