I'd be very grateful if you could check out
http://www.snowflakeschool.org.uk
where fonts are not looking consistent across browsers. I want a
small size verdana look and get it in Camino Mac OS X but in most
other browsers the font doesn't come out right and looks horrible in
my Win/IE6. I have reproduced the CSS below and perhaps someone can
see what is going wrong. Perhaps I have font-family instead of font
somewhere or vice-versa?
Thanks,
Tony.
-------
body
{
margin: 10px 0;
text-align:center;
color:#333;
background-color:#fff;
padding:0px;
font:verdana, arial, helvetica, sans-serif;
font-size:90%;
position:relative;
}
#wrapper {
width:770px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#content {
width:770px;
position:relative;
}
#left_column {
width: 130px;
float: left;
font:verdana, arial, helvetica, sans-serif;
font-size:90%;
background-color: #fff;
margin-left:-5px;
padding: 0px;
}
#right_column {
width: 130px;
position: absolute;
font:verdana, arial, helvetica, sans-serif;
font-size:90%;
left: 622px;
top: 7px;
background-color: #fff;
padding: 10px;
}
#footer {
text-align:center;
width:770px;
float:left;
clear:both;
}
/*banner styles*/
#images {
width: 600px;
height:75px;
margin-right: auto;
margin-left: auto;
}
#logo {
width: 138px;
height: 103px;
position: relative;
margin-right: auto;
margin-left: auto;
}
#images img {
margin: 0px;
padding: 0px;
float: left;
width: 100px;
height:75px;
}
h1 {
margin:20px 0px 20px 0px;
padding:0px;
font-size:x-large; /* was 20px */
font-weight:900;
color:#07a;
text-align:center;
}
h2 {
font:bold small, verdana, arial, helvetica, sans-serif; /* was bold
10px/12px */
margin:0px 0px 5px 0px;
padding:0px;
color:#07a;
}
p {
font:bold 10px/18px, verdana, arial, helvetica, sans-serif; /* was
small/2em, */
margin:0px;
padding:0px;
}
a {
color:#09c;
font-size:100%;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:400;
text-decoration:none;
}
li {
list-style: none;
line-height: 3em;
text-align: left;
}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#fff;}
#main {
margin-left: 150px;
margin-top: 10px;
margin-right: 150px;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
