Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / css borders not expanding in IE

css borders not expanding in IE

Locked

Views: 1,926

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
11 Jul 2006, 2:41 AM
#1
marie893 avatar

marie893

New Zenner

Join Date:
Apr 2005
Posts:
63
Plugin Contributions:
0

css borders not expanding in IE

Hi
I hope i can explain this correctly, here goes
In IE my borders i created using css on the center colum don't expand and cut my specials list in half, see here
http://weethings.ca/shop/index.php?main_page=index&cPath=1
In firefox it does not do that.

In both IE and firefox some pages it does not go down enough for example
http://weethings.ca/shop/index.php?main_page=product_info&cPath=1_13&products_id=1059
Is there a way with css i can make the borders always be the same, any help would be appreciated!
yours
Marie

11 Jul 2006, 12:42 PM
#2
sicness avatar

sicness

Zen Follower

Join Date:
Apr 2006
Location:
Sofia, Bulgaria
Posts:
195
Plugin Contributions:
0

Re: css borders not expanding in IE

body {
       	margin:20px 30px 20px 30px;
      	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
        background-color: #cccfff; 
	}

in the red lines OFter ":" u need space i mean it has to be
margin: 20px 30px 20px 30px;

And for your problem with height of borders add this to your stylesheet.css
this should fix the both problems, hope so

 #productGeneral {
height: 600px;
padding: 1.5em; }

#indexProductList {
height: auto;
padding: 1.5em; }

this should fix the both problems, hope so.

Radoslav

11 Jul 2006, 12:55 PM
#3
sicness avatar

sicness

Zen Follower

Join Date:
Apr 2006
Location:
Sofia, Bulgaria
Posts:
195
Plugin Contributions:
0

Re: css borders not expanding in IE

By the way I found an error in ur stylesheet

#returncus label.inputLabel {width: 8em; float: left;}
}

This "}" should not be there u have no code to close please remove it. On line 645

IE is very sensetive.

11 Jul 2006, 3:10 PM
#4
marie893 avatar

marie893

New Zenner

Join Date:
Apr 2005
Posts:
63
Plugin Contributions:
0

Re: css borders not expanding in IE

Hi, Thank you very much for your reply, i tried the suggestion and it worked! I had to make one modifiaction I changed it to
#productGeneral {
height: 600px;
padding: 1.5em; }

#indexCategories {
height: 600px;
padding: 1.5em; }

thank you for pointing me in the right direction!!!!

I also followed your advice regarding the error but when I took out the } it messed up my borders, they did not display! why it would do that I am not sure, they do not seem to be related, so i put it back in.
thanks again yours Marie

11 Jul 2006, 4:25 PM
#5
sicness avatar

sicness

Zen Follower

Join Date:
Apr 2006
Location:
Sofia, Bulgaria
Posts:
195
Plugin Contributions:
0

Re: css borders not expanding in IE

Becouse I saw right now

#newcus {margin-bottom: 1.5em; margin-left: 45px;  padding: 0; width: 45%; float: left; border-right: 3px solid #ccffff; border-left: 3px solid #ccffff; border-bottom: 8px solid #ccffff;  /* <-- here u didn't closed your style code */
#returncus label.inputLabel {width: 8em; float: left;}
}
```  "}" is thrown into downline I think this may couse some problems for some explorers just make it as a pointed down.

it has to be 

#newcus {margin-bottom: 1.5em; margin-left: 45px; padding: 0; width: 45%; float: left; border-right: 3px solid #ccffff; border-left: 3px solid #ccffff; border-bottom: 8px solid #ccffff;} /* this one "}" has to be here not at the downline */
#returncus label.inputLabel {width: 8em; float: left;}

11 Jul 2006, 4:36 PM
#6
sicness avatar

sicness

Zen Follower

Join Date:
Apr 2006
Location:
Sofia, Bulgaria
Posts:
195
Plugin Contributions:
0

Re: css borders not expanding in IE

also u need to add this for ur site map page

 #siteMap {
height: 885px;
padding: 1.5em; }

now I found that u have to
and via the same way edit the other ones :

12 Jul 2006, 1:22 PM
#7
marie893 avatar

marie893

New Zenner

Join Date:
Apr 2005
Posts:
63
Plugin Contributions:
0

Re: css borders not expanding in IE

Hi sicness
thank you for your support.
when i test removing the } you mention in firefox it removes my centre colum background and border, unsure why??? but it stays the same in IE.
Thanks for the sitemap pick up, i will check everything esle I thought i had them all.
yours Marie

12 Jul 2006, 2:49 PM
#8
sicness avatar

sicness

Zen Follower

Join Date:
Apr 2006
Location:
Sofia, Bulgaria
Posts:
195
Plugin Contributions:
0

Re: css borders not expanding in IE

maybe u dont read my post thats why please re-read it with the source pasted !!!

when u remove at the down "}"
u have to put in the upline

#newcus {margin-bottom: 1.5em; margin-left: 45px; padding: 0; width: 45%; float: left; border-right: 3px solid #ccffff; border-left: 3px solid #ccffff; border-bottom: 8px solid #ccffff;}

13 Jul 2006, 3:21 AM
#9
marie893 avatar

marie893

New Zenner

Join Date:
Apr 2005
Posts:
63
Plugin Contributions:
0

Re: css borders not expanding in IE

Hi sicness
Finally got it! thanks! yours Marie