有些事情看起来不正确，页面也无法验证。 [英] Somethings don't look right and page won't validate.
问题描述
有人可以看一下我网站的这个页面：
http://jillgordondesigns.com/gallery.html
我有几个问题，我不确定它们是否全部相关或者发生了什么。
1.在Internet Explorer中，＃为div newspaperads和#miscellaneous项目不能与#greeting cards div的内容在同一个地方打开（请参阅Safari和Firefox中的相同页面以查看我想要获得的效果）
2.在Safari和Firefox中，内容和页脚之间存在差距（请参阅所有3个浏览器中的所有其他页面以获得所需效果）
3.页面不会验证。以下是来自W3C验证器的信息，我似乎无法在我的代码中找到不正确的修复。
验证输出：4个错误
1.错误行152，第7列：div的结束标记省略了，但指定了OMITTAG NO
< / body>
✉
你可能忽略了关闭一个元素，或者你可能意味着自我关闭。一个元素，即以/>结尾的元素而不是>。
2.信息行100，第1列：开始标记在这里
< div id =" wrapper" ;>
3.错误行152，第7列：打开和结束标记不匹配：div行100和正文
< /正文>
$ b $b✉
4.错误行153，第27列：打开和结束标记不匹配：正文行97和html
<！ - InstanceEnd - >< / html>
$ b $b✉
5.错误第153行，第27列：标签html第2行中的数据提前结束
<！ - InstanceEnd - >< / html>
$ b $b✉
我将继续在本地向此页面添加内容，直到有人能够帮助我解决这些问题，然后再发送IE用户看不到遥控器的图像现场。预先感谢任何帮助
Can somebody take a look at this page of my site:
http://jillgordondesigns.com/gallery.html
I''m having several issues and I''m not sure if they''re all related or what''s going on.
1. In Internet Explorer the divs for #newspaperads and #miscellaneous projects don''t open in the same place as the content for the #greeting cards div (see the same page in Safari and Firefox to see the effect I am trying to get)
2. In Safari and Firefox there is a gap between the content and the footer (see all my other pages in all 3 browsers for the desired effect)
3. Page won''t validate. The following is the information from the W3C validator that I cannot seem to locate in my code as incorrect to fix.
Validation Output: 4 Errors
1. Error Line 152, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>
✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
2. Info Line 100, Column 1: start tag was here
<div id="wrapper">
3. Error Line 152, Column 7: Opening and ending tag mismatch: div line 100 and body
</body>
✉
4. Error Line 153, Column 27: Opening and ending tag mismatch: body line 97 and html
<!-- InstanceEnd --></html>
✉
5. Error Line 153, Column 27: Premature end of data in tag html line 2
<!-- InstanceEnd --></html>
✉
I''ll continue to add content to this page locally until someone is able to help me fix these problems before sending images that won''t be seen by IE users out to the remote site. Thanks in advance for any help
推荐答案
XHTML错误源于< div>你忘了关闭。
the XHTML errors originate in a <div> you forgot to close.
@Dormilich
谢谢。我想出了哪个< div>并没有关闭。该页面现在终于验证了，但是这并没有解决Safari和Firefox上的差距或者没有在IE中的适当位置加载< div>的问题。
@Dormilich
Thanks. I figured out which <div> wasn''t closed. The page finally validates now but that didn''t solve the issues of the gaps on Safari and Firefox or the <div>s not loading in the appropriate place in IE.
它看起来对我来说，差距正在产生，因为你给你的一些div已经固定的高度。
#gallerybackground设置为600px然后填入其中#stumbnailscontent with 700px 。我相信这是你的100px差距的来源。另请注意，您的#greetingcards设置为600px但高于它是一个h2标签，因此它占用的空间比#gallerybackground的分配600px要多。
It looks to me like the gap is being generated because of the fixed heights you have given to some of your divs.
#gallerybackground is set to 600px then stuffed inside it is your #thumbnailscontent with 700px. I believe that is where your 100px gap is coming from. Also note that your #greetingcards is set to 600px but above it is an h2 tag so it really is taking up more space than the alloted 600px from #gallerybackground.
这篇关于有些事情看起来不正确，页面也无法验证。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
