Forum Moderators: not2easy

Message Too Old, No Replies

another css repeat problem

         

baddict

4:05 pm on Feb 5, 2008 (gmt 0)

10+ Year Member



Hello everyone, i've tried search for the previous several hours, and still cannot get it working.
The problem is , that i cannot repeat the background as needed, here's part of my css :

#page { width: 801px; margin-left: auto; margin-right: auto;}
#frame {width: 801px; background: #000000 url(images/frame.jpg) repeat-y;}
#topbanner1 {width: 801px; height: 82px; background: url(images/header.jpg) no-repeat;}
#topbanner2 {width: 801px; height: 218px; background: url(images/header2.jpg) no-repeat;}

problem lies in "#frame" sector, frame.jpg is the picture i want to be repeated vertically, but , unfortunately it doesnot neither in IE7 neither in FF.

Any help would be appreciated.

Thanks in advance!

baddict

10:11 pm on Feb 5, 2008 (gmt 0)

10+ Year Member



ok, i've edited the #frame line to this :

#frame { background:url(images/frame.jpg) repeat-y; float:left; width: 801px;}

and now it works fine in FF, Opera IE6, but still doesnot repeat the frame.jpg in IE7.

any ideas?

thanks

swa66

9:20 am on Feb 6, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



How high is the element that doesn't get a background? What's in it aside of floated elements?

Xapti

6:02 pm on Feb 6, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



We are lacking the HTML code required to offer informed advice. The problem could be that your element may be empty with a bad or no height specified, it may be containing only floats or absolutely positioned elements, making it collapse, or some other problem.