I created this site using a mac, and viewing it with firefox. All looks well in firefox but IE is not recognizing my css h1 tag. all of the text in the header is supposed to be white including "520 North Bullard Street - Silver CIty - New Mexico - 88061 - ......" But IE is not recognizing anything I put into my h1 tag. Here is the web address:
silvercityfoodcoop.com/newsletter.html
here is the css:
@charset "UTF-8"; /* CSS Document */ html, body { margin: 0; padding: 0; } body{background-color: #91AA8C} h1{color: #FFF; Font-family: Georgia, "Times New Roman", Times, serif; font-size: 46px; letter-spacing: .33em; font-weight: normal; margin: 0; padding:0; float: right; margin-top: 80px; padding: left=150px} img.heartshands{float:left;margin-left:10px;margin-top:2px} img.produce{float: right; margin-top: -150px} p1{color:#FFF;font-family:Arial, Helvetica, sans-serif; letter-spacing: .2em; font-size: .8em; margin: 0; padding:0; float:left; margin-top: -5px; padding-left:10px} #statement{font-weight: bold;font-family: Verdana, Geneva, sans-serif; font-size: .8em;margin-left:.2em} #ourcoop {background-color: #A6000D} #ourfood {background-color: #802400} #ourcommunity {background-color:#89001F} #resources {background-color: #DF6100} #navmenu a{color: #FFF; text-decoration:none; line-height:1.5em;display:block; width:14.84em; text-align:center; letter-spacing:.3em} #sublink a{color: #000;display:block; text-align:center; letter-spacing:.2em} #dropdown a{background-color:#000;text-align:left;font-size:1em;border: solid; border-width:1px; letter-spacing:0} #dropdownourcoop a{background-color:#A6000D} #dropdownourfood a{background-color: #802400} #dropdownourcommunity a{background-color:#89001F} #dropdownresources a{background-color:#DF6100 } #navmenu a:hover{background-color:#FFF; color:#000} ul li { position: relative; } li ul { position: absolute; left: 0px; top: 24px; display: none } li:hover ul { display: block;z-index:2} #navmenu ul{list-style: none; padding:0;margin:0;} #navmenu li{float:left;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px} div.box {height: 150px; width:950px; border: 0px solid; border-color: #FFC9CF; background-color: #166501;clear:both} #footer{color:#FFF; font-family:Arial, Helvetica, sans-serif;letter-spacing: .2em; height:1.5em;width:950px;background-color:#166501;float:left;padding-top:50;margin-top:50px} p2{font: Arial, Helvetica, sans-serif; letter-spacing: .2em; font-size: .8em; color:#FFF; margin: 0; padding:0; float:left;Margin-top:5px; padding-left:7px} html, body {height:100%;text-align: center} #container {margin:0 auto;width: 950px; text-align: left; background-color: #FFF1E7;overflow: auto}
Can anyone see what I am doing wrong?
Thanks!
Josh
//mod edit: moved --gt
padding: left=150px should
padding: left=150px
should be
padding-left: 150px
But as you have padding in the h1 tag twice I would take one out and re-write the remaining one:
padding: 0 0 0 150px;
Hope this helps, and works for you...
Validate, Validate, VALIDATE!
Validate, Validate, VALIDATE!
As Deuce says we ask folks to
As Deuce says we ask folks to validate their code before they post. The validators are free and can catch errors much better than humans can. Please don't make us do work that a machine can do faster and better!
IE for a mac
If you're using IE for mac, don't bother. It's a horrid browser and almost nobody uses it.
After getting your site to validate, re-post this in another area. The site check area is for sites that are at the very least in the alpha testing stage, not development.
LokiLoks