Image showing up in FF but not in IE

Discussion in 'CSS' started by jawinn, Feb 25, 2007.

0
  1. #1
    I can't get a background image in my left column to show up in IE. It comes up just fine in FF. Any ideas?

    This the URL: http://winnpublishing.com/r4l/dev/

    Any help is much appreciated.
     
    jawinn, Feb 25, 2007 IP
  2. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #2
    Here, replace your current CSS file content with 
    
body	{	font:normal 11px Verdana, Arial, Helvetica, sans-serif; background-color:#000; margin:0px; padding:0px; margin-bottom:15px; }
a	{	color:#660033; }
a img	{	border:0px; }
.canvas	{	width:770px; background-color:#eee; margin:auto; background-image: url('/r4l/images/lcol_bg3.jpg'); background-repeat: repeat-y; }
.header	{	height:76px; background-color:#660033; text-align:center; padding:20px 0px; }
.bar	{	height:5px; background-color:#eee; font-size:1px; border-top:2px solid #000; border-bottom:6px solid #000; }
.main	{	height:100%; }
.lcol	{	float:left; width:170px; }
.rcol	{	float:right; width:550px; background-color:#fff; height:100%; padding-left:20px; padding-right:20px; padding-top:40px; }
.footer	{	font-size:10px; text-align:center; line-height:25px; color:#666; background-color:#000; clear:both; }
.footer a	{	color:#fff; text-decoration:none; }
.footer a:hoverc	{	text-decoration:underline; }
.vmenu	{	background-color:#fff; line-height:25px; color:#666; font-weight:bold; padding-left:15px; border-bottom:1px solid #e5e5e5; }
.madd	{	text-align:center; margin:20px 20px; }
.mblock a	{	text-decoration:none; color:#666; }
    Code (markup):
    I have also adjusted your left panel background image to repeat vertically,
    otherwise it will not look right on longer pages.
     
    Clive, Feb 25, 2007 IP
    jawinn likes this.
  3. Pat Gael

    Pat Gael Banned

    Messages:
    1,331
    Likes Received:
    68
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yeah, that's what I thought.

    I had the same problem with css, but not getting some menus displayed.
     
    Pat Gael, Feb 25, 2007 IP
  4. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #4
    CSS can be a complex equation, yet solution can be simple if you know where to dig.
    I'm having a lot of fun with this kind of stuff ;)
     
    Clive, Feb 25, 2007 IP
  5. jawinn

    jawinn Active Member

    Messages:
    1,024
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    88
    #5
    This worked perfectly. Thanks a ton. +1 rep.
     
    jawinn, Feb 26, 2007 IP
    Clive likes this.
  6. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #6
    You'rewelcome, jawinn
    Glad it has worked :)
     
    Clive, Feb 26, 2007 IP
  7. willie83

    willie83 Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I have run into this same problem today. On a PC running IE 6, the background image has disappeared, but on the same machine, it shows using FF 2. It worked previously and I had not made any changes to the site. My first guess was a MS auto update, so I rolled it back, but that didn't help. It does work on another machine I have running IE 7 and also FF. I have tried loading the background image via CSS and no luck on IE 6. Any thoughts would be appreciated.

    via HTML http://www.westcoastcabinet.com/index.htm
    via CSS http://www.westcoastcabinet.com/html/testimonial4.htm
     
    willie83, Feb 26, 2007 IP