- Posts: 3
- Thank you received: 0
cart grows to cover div below it
- flwebdesigner
-
Topic Author
- Offline
Less
More
14 years 1 week ago #71935
by flwebdesigner
cart grows to cover div below it was created by flwebdesigner
Hi,
I hope I am posting in the correct area. This is my first post here. I am having a problem that only happens in IE7. I am pretty sure it is a css problem. But it involves the shopping cart in the left column of a site I am working on. As items are added to the cart, the cart grows taller, but the div below it does not move down. Instead the cart starts to cover the div below it. This only happens in IE7. I am wondering if the cart is causing the problem. I have been trying to fix this for days. I have tried everything I can think of in terms of css, but nothing helps. I am attaching an image to show what I am talking about. Here is a link to the test site. Please remember this only occurs in IE7. www.palmsdining.com/ . Any help would be appreciated.
Thanks
I hope I am posting in the correct area. This is my first post here. I am having a problem that only happens in IE7. I am pretty sure it is a css problem. But it involves the shopping cart in the left column of a site I am working on. As items are added to the cart, the cart grows taller, but the div below it does not move down. Instead the cart starts to cover the div below it. This only happens in IE7. I am wondering if the cart is causing the problem. I have been trying to fix this for days. I have tried everything I can think of in terms of css, but nothing helps. I am attaching an image to show what I am talking about. Here is a link to the test site. Please remember this only occurs in IE7. www.palmsdining.com/ . Any help would be appreciated.
Thanks
Please Log in or Create an account to join the conversation.
14 years 1 week ago #72065
by Xavier
Replied by Xavier on topic Re: cart grows to cover div below it
Hi,
Maybe you can edit the css properties in your IE7 css file. See what has been to be changed with, for example, Firebug. And the edit the classes.
If you don't have a css file for IE you can create one, and add the following line in the "index.php" file of you template:
You can find some documentation about css here:
www.hikashop.com/en/support/documentation/faq.html#css
Maybe you can edit the css properties in your IE7 css file. See what has been to be changed with, for example, Firebug. And the edit the classes.
If you don't have a css file for IE you can create one, and add the following line in the "index.php" file of you template:
Code:
<!--[if IE 7]><link type="text/css" rel="stylesheet" href="styles-ie7.css"<![endif]-->
You can find some documentation about css here:
www.hikashop.com/en/support/documentation/faq.html#css
Please Log in or Create an account to join the conversation.
- flwebdesigner
-
Topic Author
- Offline
Less
More
- Posts: 3
- Thank you received: 0
14 years 1 week ago #72073
by flwebdesigner
Replied by flwebdesigner on topic Re: cart grows to cover div below it
Thanks, I already have a style sheet for IE7. I have tried everything, for example: display property, overflow, clearing methods, floats etc. I have rearranged the divs in the index.php file. Still the cart grows to cover the div below it. This only happens in IE7, so it must be a quirk of this particular browser. I am at a complete loss here.
Please Log in or Create an account to join the conversation.
14 years 1 week ago #72223
by Xavier
Replied by Xavier on topic Re: cart grows to cover div below it
Hi,
And if you try to change the view "product / cart" (this view is called by the cart module), maybe you can change the order of the divs.
And if you try to change the view "product / cart" (this view is called by the cart module), maybe you can change the order of the divs.
Please Log in or Create an account to join the conversation.
- flwebdesigner
-
Topic Author
- Offline
Less
More
- Posts: 3
- Thank you received: 0
14 years 1 week ago #72272
by flwebdesigner
Tried that, did not help.
That might affect the view in all the other browsers that do work.
Since this only occurs in IE7 which thankfully is most probably a small percentage of users, I have decided to use the small cart in its place. This seems to solve the problem because it does not grow taller when items are added. It is not an ideal solution, but it works.
Thanks for your help.
Replied by flwebdesigner on topic Re: cart grows to cover div below it
Xavier wrote:
maybe you can change the order of the divs.
Tried that, did not help.
Xavier wrote: And if you try to change the view "product / cart"
That might affect the view in all the other browsers that do work.
Since this only occurs in IE7 which thankfully is most probably a small percentage of users, I have decided to use the small cart in its place. This seems to solve the problem because it does not grow taller when items are added. It is not an ideal solution, but it works.
Thanks for your help.
Please Log in or Create an account to join the conversation.
Time to create page: 0.097 seconds