Raller
08-14-2007, 04:10 PM
Hi,
For some reason i cannot figure out why my web page is showing up different in IE6 compared to IE7. It shows up perfectly in IE7 with the correct text and spacing, but IE6 shows different text and spacing.
Please could one of you CSS geniuses out there help me.
Thanks!
Below is my CSS code. Where my site is stored is:
http://www.ihservicesltd.com/keverxx
body {
margin-bottom: 0px;
font-family: calibri;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: sharp;
font-variant: normal;
text-transform: none;
color: #363636;
}
td, textarea, input, select {
font-family: calibri;
font-size: 11.5px;
color: #363636;
font-weight: sharp;
}
.tableDetail {
font-size: 10px;
font-family: Verdana;
color: #363636;
}
a:link {
color: #BA4B9A;
font-family: calibri;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #BA4B9A;
font-family: calibri;
font-size: 10px;
font-weight: bold;
font-style: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
text-decoration: underline;
}
a:visited {
color: #BA4B9A;
font-family: calibri;
font-size: 10px;
font-weight: sharp;
font-style: normal;
text-decoration: none;
}
.text1 {
font-family: calibri;
font-size: 11px;
color: #BA4B9A;
font-weight: bold;
}
.text2 {
font-family: calibri;
font-size: 12px;
color: #BA4B9A;
font-weight: smooth;
}
.text3 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text4 {
font-family: calibri;
font-size: 14px;
font-weight: sharp;
color: #363636;
}
.text5 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text6 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text7 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text8 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text9 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.frame {
border: 1px solid #C43D3A;
}
.designed_by {
font-family: Arial;
font-size: 8.5px;
font-weight: sharp;
color: #363636;
}
a.a:link {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #BA4B9A;
text-decoration: underline;
}
a.a:hover {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #FFFFFF;
text-decoration: none;
}
a.a:visited {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #364D9D;
text-decoration: underline;
}
a.b:link {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
text-decoration: none;
}
a.b:hover {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
text-decoration: underline;
}
a.b:visited {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
text-decoration: none;
}
a.c:link {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: none;
}
a.c:hover {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: none;
}
a.c:visited {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: none;
}
a.d:link {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.d:hover {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.d:visited {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.e:link {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.e:hover {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.e:visited {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.f:link {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.f:hover {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.f:visited {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.g:link {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.g:hover {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.g:visited {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
.inputstyle {
font-family: calibri;
font-size: 11px;
font-weight: normal;
color: #363636;
background-color: #E2EDEB;
border: 1px solid #333333;
}
For some reason i cannot figure out why my web page is showing up different in IE6 compared to IE7. It shows up perfectly in IE7 with the correct text and spacing, but IE6 shows different text and spacing.
Please could one of you CSS geniuses out there help me.
Thanks!
Below is my CSS code. Where my site is stored is:
http://www.ihservicesltd.com/keverxx
body {
margin-bottom: 0px;
font-family: calibri;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: sharp;
font-variant: normal;
text-transform: none;
color: #363636;
}
td, textarea, input, select {
font-family: calibri;
font-size: 11.5px;
color: #363636;
font-weight: sharp;
}
.tableDetail {
font-size: 10px;
font-family: Verdana;
color: #363636;
}
a:link {
color: #BA4B9A;
font-family: calibri;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #BA4B9A;
font-family: calibri;
font-size: 10px;
font-weight: bold;
font-style: normal;
line-height: normal;
font-variant: normal;
text-transform: none;
text-decoration: underline;
}
a:visited {
color: #BA4B9A;
font-family: calibri;
font-size: 10px;
font-weight: sharp;
font-style: normal;
text-decoration: none;
}
.text1 {
font-family: calibri;
font-size: 11px;
color: #BA4B9A;
font-weight: bold;
}
.text2 {
font-family: calibri;
font-size: 12px;
color: #BA4B9A;
font-weight: smooth;
}
.text3 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text4 {
font-family: calibri;
font-size: 14px;
font-weight: sharp;
color: #363636;
}
.text5 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text6 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text7 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text8 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.text9 {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
}
.frame {
border: 1px solid #C43D3A;
}
.designed_by {
font-family: Arial;
font-size: 8.5px;
font-weight: sharp;
color: #363636;
}
a.a:link {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #BA4B9A;
text-decoration: underline;
}
a.a:hover {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #FFFFFF;
text-decoration: none;
}
a.a:visited {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #364D9D;
text-decoration: underline;
}
a.b:link {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
text-decoration: none;
}
a.b:hover {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
text-decoration: underline;
}
a.b:visited {
font-family: calibri;
font-size: 10px;
font-weight: sharp;
color: #363636;
text-decoration: none;
}
a.c:link {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: none;
}
a.c:hover {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: none;
}
a.c:visited {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: none;
}
a.d:link {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.d:hover {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.d:visited {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.e:link {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.e:hover {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.e:visited {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.f:link {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.f:hover {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.f:visited {
font-family: calibri;
font-size: 10px;
font-weight: normal;
color: #363636;
text-decoration: underline;
}
a.g:link {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.g:hover {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
a.g:visited {
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #363636;
text-decoration: underline;
}
.inputstyle {
font-family: calibri;
font-size: 11px;
font-weight: normal;
color: #363636;
background-color: #E2EDEB;
border: 1px solid #333333;
}