When I put this code in my html file, it is working without issue:\[code\] <style type="text/css" media="screen"> #headerimg { display: block; background-image: url('/Content/images/epp/ebweblogo1.gif'); background-repeat: no-repeat; background-position: center center; width:100%; height:100%; margin: 0; padding: 0; } </style>\[/code\]but when I move it to my css file as this:\[code\]#headerimg { display: block; background-image: url('/Content/images/epp/ebweblogo1.gif'); background-repeat: no-repeat; background-position: center center; width:100%; height:100%; margin: 0; padding: 0; }\[/code\]This is my html:\[code\]</head> <body> <div class="page"> <div id="header"> <div id="headerimg" />\[/code\]I am assuming it's due to the image location but I'm not sure since I've tried variations of the path and never got it to work.Any suggestions?EDITSorry, you can't read my mind, I know.When I place the css in the html file, the image displays fine. When I move it to the css file (site.css) it is not displaying at all. I've tried several different paths and it isn't being displayed no matter what I put in there.UPDATE #2When I change my html to this: \[code\]<div class="page"> <div id="header"> <div id="headerimg">test</div>\[/code\]I am getting the image behind the text as 1 line that says test but not the full size of the image. So it is apparently not displaying the image due to the size of the div? I changed the css to this:height:130px; but that did not change the height at all.
CSS is not working same as in CSS file as in HTML
- Thread starter Typeenven
- Start date