So I was working on adding a few divs to my header tonight and was testing out the look. I didn't like it, removed what I added and all of a sudden my Body element isn't working. Here's my code:
As you can see, I've set the background to PINK and when you go to the site, the background is WHITE. No matter what I change in my CSS style sheet for the body, nothing about the BODY changes. Anything else I change in CSS, has an immediate affect. It's 2:21am so you can imagine how frustrated I am right now. I've been looking over everything all night and even pasted my css into Dreamweaver to check for mistakes. It makes no sense and I'm about to go insane.
My site is at www.stfuandplay.com.
You can see there is some space at the top of the site. This is because it's not seeing the margin: 0 in the Body. The box-shadow also disappeared. I'm running this site on Expression Engine. I'm hoping this has happened to someone else before.
So it works now and I don't know why. There must have been some weird character corrupting my css. I deleted the body block and simplified it to a background color locally in Dreamweaver. It worked. Pasted it on the site and fixed it. I swear there must really be gremlins.
body {
margin:0 auto;
width:1024px;
height:auto;
background: pink;
box-shadow: 0 0 3px #000;
}
As you can see, I've set the background to PINK and when you go to the site, the background is WHITE. No matter what I change in my CSS style sheet for the body, nothing about the BODY changes. Anything else I change in CSS, has an immediate affect. It's 2:21am so you can imagine how frustrated I am right now. I've been looking over everything all night and even pasted my css into Dreamweaver to check for mistakes. It makes no sense and I'm about to go insane.
My site is at www.stfuandplay.com.
You can see there is some space at the top of the site. This is because it's not seeing the margin: 0 in the Body. The box-shadow also disappeared. I'm running this site on Expression Engine. I'm hoping this has happened to someone else before.
Thanks!
Torrence
* { margin: 0; padding: 0; }That will get rid of the extra space.pretty slick that codepen! It doesn't look like my body is working there either. No pink background!
@Odd_E: that doesn't explain why it's completely negating my Body element.
I don't know anything about Expression Engine, though; is there a reason you've placed a semicolon before the @charset rule?
Edit: Guess I was a bit late. =P Glad to hear you've fixed it though.