Hi guys, nice to be a part of the forum, yesterday i tried tu put this website online, in firefox works perfectely, but IE got all screewd, i use a validator but many things i didnt understang, i will give the results and the CSS.
Results Validator
6 body Value Error : font-size Too many values or values are not recognized : 52%/1.52em 52%/1.52em
43 The pseudo-element ::selection can't appear here in the context css21 [selection]
46 The pseudo-element ::-moz-selection can't appear here in the context css21 [-moz-selection]
56 form fieldset Property -webkit-border-radius doesn't exist : 5px 5px
56 form fieldset Property -moz-border-radius doesn't exist : 5px 5px
56 form fieldset Property border-radius doesn't exist in CSS level 2.1 but exists in : 5px 5px
59 form input[type="text"], form input[type="email"], form input[type="url"], form input[type="password"] Property -moz-border-radius doesn't exist : 4px 4px
60 form input[type="text"], form input[type="email"], form input[type="url"], form input[type="password"] Property -webkit-border-radius doesn't exist : 4px 4px
61 form input[type="text"], form input[type="email"], form input[type="url"], form input[type="password"] Property border-radius doesn't exist in CSS level 2.1 but exists in : 4px 4px
69 form textarea Property -moz-border-radius doesn't exist : 4px 4px
70 form textarea Property -webkit-border-radius doesn't exist : 4px 4px
71 form textarea Property border-radius doesn't exist in CSS level 2.1 but exists in : 4px 4px
CSS:
@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */
body {
font-family: Arial, Helvetica, sans-serif;
font-size:52%/1.52em;
}
a { color:#cc9; text-decoration: none; }
a:hover, a:focus { text-decoration:none; color: #fff; }
a:active, a:visited { }
blockquote {
font-family: Georgia,"Times New Roman", Times, serif;
margin:5px;
padding:10px;
font-size:1.52em;
color:#999;
font-style:italic;
line-height:1.3em;
width:100%;
quotes:none;
}
blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */
/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}
h1 { font-size:2.52em;}
h2 { font-size:1.952em;}
h3 { font-size:1.652em;}
h4 { font-size:1.452em;}
h5 { font-size:1.252em;}
h6 { font-size:1.52em;}
/* ** ** ul li's ** ** */
ul li
{
margin-left:20px;
}
/* ** ** custom select color ** ** */
::selection {
background: #525252; /* Safari */
}
::-moz-selection {
background: #525252; /* Firefox */
color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}
/* ** ** forms ** ** */
form fieldset {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; padding-top:5px; padding-left:5px; border:1px solid #ccc; }
form fieldset legend {font-size:1.4em; padding:0 5px;}
form input[type=text], form input[type=email], form input[type=url], form input[type=password] {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;
height:18px;
border:1px solid #000;
padding:4px 0 1px 5px;
background-color: #cc9;
}
form textarea
{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;
background-color: #cc9;
border:1px solid #000;
}
form label { display:block; height:20px; float: left; width: 125px; margin-right: 16px; }
strong { font-weight:600;}
em, dfn { font-style:italic;}
dfn { font-weight:600;}
sup, sub { line-height:0;}
abbr, acronym { border-bottom:1px dashed #ccc;}
address { margin:0 0 1.5em;font-style:italic;}
del { color:#666;}
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code { background-color:#d5d2d8; display:block; padding:0px 2px 4px 26px; background:#fff url(code.html) no-repeat left top; line-height:1.67em;}
pre { margin:1.5em 0;white-space:pre;}
Hope for some help :S