css HELP - rewrite for IE
newbie
Location: wisconsin
Posted: Thu, 2008-05-15 18:37
Hello.
I'm very new, and was lucky to find the forum!
I'm in the process of creating my site - http://www.emmaklingbeil.info/template.html - and I know it's a common problem, but I use Firefox, and it's different in IE. I was wondering how to rewrite the css to be able to show up correctly in IE. Remember, I'm very new at website design.
Thanks for any help!
here's the css code
html, body {
margin: 0;
padding: 0;
}
body {
background: #f6f5f1;
}
h1 {
font: bold small-caps 1.25em Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
color: #B05A04;
}
h2 {
font: small-caps 1em Georgia, "Times New Roman", Times, serif;
color: #B06E04;
}
p, a {
font: 0.9em Arial, Geneva, Helvetica, sans-serif;
color: #999;
}
#container {
width: 780px;
margin: 0.5em auto 0.5em auto;
background: #fff;
text-align:center;
-moz-border-radius: 20px;
padding: 0.5em;
}
#container li {
float: left;
width: 150px;
height:150px;
list-style-type:none;
border: solid #ccc;
border-width: 1px 1px 0 0;
-moz-border-radius-topright:10px;
margin:1em;
text-align:center;
display:inline;
}
li img { border: none; }
ul#photos li a span { display: none; }
ul#photos li a:hover span {
display: block;
color: #FFFFFF;
background-color:gray;
-moz-border-radius: 0px;
padding: 0;
text-transform: uppercase;
font-size: .85em;
}
#photo, #pictureScreenObject {
display:none;
position: absolute;
left:15%;
z-index:100;
background:#fff;
padding:2em;
margin:1em;
font: 0.9em Arial, Helvetica, sans-serif;
border:1px solid #ccc;
text-align: center;
-moz-border-radius: 20px;
}
Enthusiast
Posts: 201
Joined: 2008-03-16
You don't need to rewrite
Posted: Thu, 2008-05-15 18:58
You don't need to rewrite your CSS or have a stylesheet for each and every browser. Depending on the problem there are workarounds. The border-radius cannot be done in IE. I don't use it, I still work with images. Although there are tutorials around that show you doing it without images, but it is a bunch of extra code, which for my feeling is not worth. The images that you would have to implement would be less size than the extra code.
Besides, your page doesn't validate, so at this time it would not even make sense to have a close look at your page. And you should not expect that people compare your page in the browsers and suggest how to resolve the problem.
Guru
Posts: 2279
Joined: 2005-12-14
Location: Victoria British Columbia
As Capsoft points out, until
Posted: Thu, 2008-05-15 23:20
As Capsoft points out, until you give a browser valid html you have no cause for complaint if it doesn't show your page the way you think it should. There is no standard way of displaying invalid code.
I could change my plea to guilty,
but I don't think it would stick.
Ed Seedhouse
newbie
Posts: 2
Joined: 2008-05-15
Location: wisconsin
Thanks for the
Posted: Fri, 2008-05-16 12:40
Thanks for the comments...but how do I validate my site?
thanks,
emma
Enthusiast
Posts: 273
Joined: 2008-02-22
Location: Providence, RI
mustache_cat wrote:Thanks
Posted: Fri, 2008-05-16 13:42
w3.org has a validator that will check your pages for validation. Just read through the errors and see what you have to fix.
http://ifohdesigns.com - Web Design That Is Neat.
http://ifohdesigns.com/blog - Read it please.
Guru
Posts: 2279
Joined: 2005-12-14
Location: Victoria British Columbia
mustache_cat wrote:Thanks
Posted: Fri, 2008-05-16 15:48
This is already amply documented on this site in the "How to" section. We expect you to take the time to read the messages in that section, otherwise we end up answering the same question over and over and over again.
I could change my plea to guilty,
but I don't think it would stick.
Ed Seedhouse