|
Posted by Andre-John Mas on November 14, 2007, 3:15 pm
Please log in for more thread options > On Nov 14, 12:13 pm, "Beauregard T. Shagnasty"
>
> > Andre-John Mas wrote:
> > > I have the following web site:
>
> > > http://ajmas.dyndns.org/
>
> > > This displays fine in Safari and Firefox, but in IE I am having the
> > > following issues: ...
>
> > The construction of the page is out of whack. You have the contents of
> > the <head> mixed in with the <body>. And your DOCTYPE is buried down
> > there as well. Fix all that, get no errors, and try again.
>
> I have now made changes to ensure that the doctype is included and
> that it conforms to XHTML, using validator.w3.org.
> After having done this my site still has issues in IE 7. Specifically
> the content of the 'page_content' is not staying within its div. I
> have specified the div with the following CSS:
>
> #page_content {
> float: left;
> padding: 20px;
> width: 660px;
> voice-family: "\"}\"";
> voice-family:inherit;
> text-align:justify;
> overflow: auto;
> background-color: #ffffff;
>
> }
>
I solved the issue. The actuall CSS was:
#page_content {
float: left;
padding: 20px;
width: 660px;
//width: 100pc;
voice-family: "\"}\"";
voice-family:inherit;
text-align:justify;
overflow: auto;
background-color: #ffffff;
/*width: 480px; */
}
I thought the commented out sections weren't an issue so I omitted to
include them in my question. In fact they were the cause of the issue.
It turns out that IE7 does not support double-slash '//' comments,
where most browsers, that I have tested with, do. The result was that
IE was actually interpreting 'width: 100pc' when the other browsers
weren't. The solution was either to remove the offending entry or use
C style /* */ comments.
Andre
| 
XML Sitemap