Hi,
I have the follwing css
html
{ background: #339999;
padding: 1em;
}
body
{ FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
position: relative;
background: #FFFFFF;
border: solid 1px #666666;
margin: 1em auto;
padding: 3em;
width: 40em;
}
label {
display: block;
float: left;
width: 10em;
text-align: left;
}
form div { clear:both; }
div#formdiv {
border: 1em solid #069;
background: #ccc;
padding: 1em;
}
.bold {
font-weight : bold;
}
a:link {
font-family :Verdana, Arial;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #006699;
}
a:visited {
font-family :Verdana, Arial;
font-size :12px;
text-decoration : none;
font-weight : bold;
color : #006699;
}
a:hover {
font-family :Verdana, Arial;
font-size :12px;
text-decoration: underline;
font-weight : bold;
color : #FF6600;
}
It works fine on Mozilla but not in IE. Doe anyone have any idea why?
cheers
Not unless we can see the HTML 
Hi
the link is contact (<!-- m --><a class="postlink" href="http://www.floripaimages.com/contact_test.htm">http://www.floripaimages.com/contact_test.htm</a><!-- m -->)
cheersThe first thing to do is validate your HTML (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.floripaimages.com/contact_test.htm">http://validator.w3.org/check?verbose=1 ... t_test.htm</a><!-- m -->). Once you've got the errors sorted out then start looking at browser bugs.
1) HTML tags must be opened and closed in order.
<p><strong></p></strong> -- NOT CORRECT
<p><strong></strong></p> -- Correct
2) LABEL tags are inline elements and may not contain block elements. You've got a couple instances of LABEL tags containing P tags, which are block elements.
3) Open the FORM before writing the FORM elements. NS4 will not display form elements outside of a form.
4) FIELDSETs go inside forms.
I Download ed a copy of that page and didn't have to alter the CSS at all to get it to work in IE-Win. All I had to do was fix the syntax errors in the HTML. The code is below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href=http://www.webdeveloper.com/forum/archive/index.php/"contact_test_files/contact_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1 align="center">Contact Information</h1>
<p>Thank you for you interest in Floripa Images Guide. To submit a request,comments
or suggestions, please send us an e-mail or complete the form below. Floripa
Images Guide will reply as soon as possible. </p>
<p class="bold">Floripa Images Guide</p>
Crisogono Vieira da Cruz street, 85<br>
ZIP 88062-110<br>
Lagoa da ConceiéÂÂœ
I have the follwing css
html
{ background: #339999;
padding: 1em;
}
body
{ FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
position: relative;
background: #FFFFFF;
border: solid 1px #666666;
margin: 1em auto;
padding: 3em;
width: 40em;
}
label {
display: block;
float: left;
width: 10em;
text-align: left;
}
form div { clear:both; }
div#formdiv {
border: 1em solid #069;
background: #ccc;
padding: 1em;
}
.bold {
font-weight : bold;
}
a:link {
font-family :Verdana, Arial;
font-size : 12px;
text-decoration : none;
font-weight : bold;
color : #006699;
}
a:visited {
font-family :Verdana, Arial;
font-size :12px;
text-decoration : none;
font-weight : bold;
color : #006699;
}
a:hover {
font-family :Verdana, Arial;
font-size :12px;
text-decoration: underline;
font-weight : bold;
color : #FF6600;
}
It works fine on Mozilla but not in IE. Doe anyone have any idea why?
cheers
Not unless we can see the HTML Hi the link is contact (<!-- m --><a class="postlink" href="http://www.floripaimages.com/contact_test.htm">http://www.floripaimages.com/contact_test.htm</a><!-- m -->)
cheersThe first thing to do is validate your HTML (<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.floripaimages.com/contact_test.htm">http://validator.w3.org/check?verbose=1 ... t_test.htm</a><!-- m -->). Once you've got the errors sorted out then start looking at browser bugs.
1) HTML tags must be opened and closed in order.
<p><strong></p></strong> -- NOT CORRECT
<p><strong></strong></p> -- Correct
2) LABEL tags are inline elements and may not contain block elements. You've got a couple instances of LABEL tags containing P tags, which are block elements.
3) Open the FORM before writing the FORM elements. NS4 will not display form elements outside of a form.
4) FIELDSETs go inside forms.
I Download ed a copy of that page and didn't have to alter the CSS at all to get it to work in IE-Win. All I had to do was fix the syntax errors in the HTML. The code is below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href=http://www.webdeveloper.com/forum/archive/index.php/"contact_test_files/contact_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1 align="center">Contact Information</h1>
<p>Thank you for you interest in Floripa Images Guide. To submit a request,comments
or suggestions, please send us an e-mail or complete the form below. Floripa
Images Guide will reply as soon as possible. </p>
<p class="bold">Floripa Images Guide</p>
Crisogono Vieira da Cruz street, 85<br>
ZIP 88062-110<br>
Lagoa da ConceiéÂÂœ