ASP和HTML页面无法在Safari和Firefox中正确显示 [英] ASP/HTML pages don't display correctly in Safari and Firefox
问题描述
我为我的妻子使用asp创建了一个论文项目的网站。我也为它创建了一个CSS。但是，虽然它几乎可以在IE上正确显示（必须修复宽度，因此无法在非超宽屏幕上正确显示），但在Safari和Firefox中无法正确显示。有人可以帮忙吗？我知道基本的中间HTML和自学自己的asp，所以我不知道问题在哪里。第一页显示正确，但是一旦您选择了女性或男性，其余页面就是不能正确显示的页面。
这是指向页面的链接：http：//www.cba。 uri.edu/aboveda/Database/jeans.asp?1=bo
这是CSS：
/ * @override http://www.cba.uri.edu/aboveda/ Database / jeanscss.css * /
/ *文件包含格式定义
jeancss.css
Alan lambie
* * /
表。 main {border-width：1px;边界间距：;边境式：一开始; border-color：rgb（191,203,194）;边界崩溃：分开;
table.min td {border-width：1px;填充：1px; border-style：inset; border-color：rgb（117,110,91）; background-color：white;
-moz-border-radius：}
table.text {border-width：2px;边界间距：;边境式：一开始; border-color：rgb（92,0,92）;边界崩溃：分开;
background-color：white}
table.bord {border-width：4px;边界间距：10px;边境式：一开始; border-color：rgb（166,85,48）;边界崩溃：分开;
背景色：2。{字体大小：11pt}
b {display：block;保证金：0px 0px 0px 0px;宽度：200px;身高：100px; text-align：justify;
border：0px padding：0px}
p {color：rgb（92,0,92）}
#link {display ：块保证金：0px 0px 0px 0px;宽度：500px;身高：10px; text-align：right;
border：0px padding：0px}
#link p {color：white; font-family：'Lucida Grande'，sans-serif}
#mdltit {display：block;保证金：0px 0px 0px 0px;宽度：500px;身高：50px;边框：20px填充：20px;
背景颜色：rgb（102,102,153）;颜色：rgb（255,255,255）}
#tot {display：block;保证金：0px 0px 0px 0px;宽度：200px;高度：450px;
边框：0px填充：0px;
背景颜色：rgb（255,255,255）; color：rgb（0,0,255）}
#text {display：block;保证金：0px 0px 0px 0px;宽度：300px;身高：300px; text-align：left;
border：0px padding：0px}
#text p {color：rgb（221,221,221）; font-family：Tahoma}
h1 {text-align：center; font-size：24pt;颜色：rgb（92,0,92）; font-family：'Times New Roman'，coursive}
h2 {text-align：center; font-size：19pt;颜色：rgb（92,0,92）}
h3 {text-align：center; font-size：24pt;颜色：rgb（255,255,255）; font-family：'Times New Roman'，coursive}}
h4 {text-align：left; font-size：12pt;颜色：rgb（92,0,92）}
h5 {text-align：left; font-size：10pt;颜色：rgb（100,100,100）}
h6 {font-size：11pt;颜色：rgb（128,128,128）}
#block {display：block;保证金：0px 0px 0px 0px;宽度：200px;高度：300px;
边框：0px填充：0px;
background-color：rgb（255,255,255）}
#block p {text-align：left; font-size：10pt; font-family：tahoma;宽度：150px; color：rgb（77,77,77）}
#secblock {display：block;保证金：0px 0px 0px 0px;宽度：495px;高度：470px;
边框：1px黑色虚线;填充：10px;
background-color：rgb（0,0,0）; color：blue}
#secblock p {text-align：justify; font-size：10pt; font-family：tahoma;宽度：450px;颜色：蓝色}
#firstl：第一个字母{float：left; font-size：48pt;线高：0.8;颜色：rgb（92,0,92）; font-family：Times New Roman}
#firstxt：first-letter {float：center; font-size：28pt;线高：0.8;颜色：rgb（92,0,92）; font-family：Times New Roman}
#back {display：block;保证金：0px 0px 0px 0px;宽度：30px;
边框：1px;填充：1px;
background-color：rgb（255,255,255）}
#back p {font-family：'Verdana'，coursive;颜色：rgb（51,51,51）;我们非常感谢你对此事的任何帮助，因为我们有点违背了最后期限;而且我不得不承认，我不是那种精通CSS或者不同于浏览器的差异。我尝试在W3C验证CSS，它给了我7个错误和4个警告;其中很多我对如何修复感到有些失落。
感谢！
Hi, I've created a website for a dissertation project for my wife using asp. I also created a CSS for it. However, while it displays almost correctly on IE (have to fix the width, so it doesn't display correctly on non extra wide screens) it doesn't display correctly in Safari nor Firefox. Can someone please help? I know basic to intermediate HTML and self taught myself asp for this so I'm not aware of where the problem lies. The first page displays correctly, but once you select woman or male, the rest of the pages are the one not displaying corectly.
This is the link to the page: http://www.cba.uri.edu/aboveda/Database/jeans.asp?1=bo
This is the CSS:
/* @override http://www.cba.uri.edu/aboveda/Database/jeanscss.css */
/* File contain format definitions
jeancss.css
Alan lambie
*/
table.main {border-width: 1px; border-spacing: ; border-style: outset; border-color: rgb(191,203,194); border-collapse: separate;
table.min td {border-width: 1px; padding: 1px; border-style: inset; border-color: rgb(117,110,91); background-color: white;
-moz-border-radius: }
table.text {border-width: 2px; border-spacing: ; border-style: outset; border-color: rgb(92,0,92); border-collapse: separate;
background-color: white}
table.bord {border-width: 4px; border-spacing:10px ; border-style: outset; border-color: rgb(166,85,48); border-collapse: separate;
background-color: }
li {font-size: 11pt}
li b {display: block; margin: 0px 0px 0px 0px; width: 200px; height: 100px; text-align: justify;
border: 0px padding: 0px}
p {color: rgb(92,0,92)}
#link {display: block; margin: 0px 0px 0px 0px; width: 500px; height: 10px; text-align: right;
border: 0px padding: 0px}
#link p {color: white; font-family: 'Lucida Grande', sans-serif}
#mdltit {display: block; margin: 0px 0px 0px 0px; width: 500px; height: 50px; border: 20px padding: 20px;
background-color: rgb(102,102,153); color: rgb(255,255,255)}
#tot {display: block; margin: 0px 0px 0px 0px; width: 200px; height: 450px;
border: 0px padding: 0px;
background-color: rgb(255,255,255); color: rgb(0,0,255)}
#text {display: block; margin: 0px 0px 0px 0px; width: 300px; height: 300px; text-align: left;
border: 0px padding: 0px}
#text p {color: rgb(221,221,221); font-family: Tahoma}
h1 {text-align: center; font-size: 24pt; color: rgb(92,0,92); font-family: 'Times New Roman', coursive}
h2 {text-align: center; font-size: 19pt; color: rgb(92,0,92)}
h3 {text-align: center; font-size: 24pt; color: rgb(255,255,255); font-family: 'Times New Roman', coursive}}
h4 {text-align: left; font-size: 12pt; color: rgb(92,0,92)}
h5 {text-align: left; font-size: 10pt; color: rgb(100,100,100)}
h6 {font-size: 11pt; color: rgb(128,128,128)}
#block {display: block; margin: 0px 0px 0px 0px; width: 200px; height: 300px;
border: 0px padding: 0px;
background-color: rgb(255,255,255)}
#block p {text-align: left; font-size: 10pt; font-family: tahoma; width: 150px; color: rgb(77,77,77)}
#secblock {display: block; margin: 0px 0px 0px 0px; width: 495px; height: 470px;
border: 1px dashed black; padding: 10px;
background-color: rgb(0,0,0); color: blue}
#secblock p {text-align: justify; font-size: 10pt; font-family: tahoma; width: 450px; color: blue}
#firstl:first-letter {float: left; font-size: 48pt; line-height: 0.8; color: rgb(92,0,92); font-family: Times New Roman}
#firstxt:first-letter {float: center; font-size: 28pt; line-height: 0.8; color: rgb(92,0,92); font-family: Times New Roman}
#back {display: block; margin: 0px 0px 0px 0px; width: 30px;
border: 1px; padding: 1px;
background-color: rgb(255,255,255)}
#back p {font-family: 'Verdana', coursive; color: rgb(51,51,51); font-size: 11pt}
I'd really appreciate any help on this matter since we are sort of running against a deadline; and I have to admit, I'm not that versed in CSS or the differences across browswers. I tried validating the CSS at W3C and it gave me 7 errors and 4 warnings; much of which I'm a bit lost as to how to fix.
Thanks!
推荐答案
打开包含fireFox问题的页面然后在FireFox工具栏上单击工具>错误控制台。
FF将显示问题，即它没有看到正确的@import。
这是第一个错误：
警告：@import规则中的预期URI但是找到了'（'。无法识别at-rule或错误解析at-rule'（'。来源文件： http://www.cba.uri.edu/aboveda/Database/jeans.asp?1 行：6
Open the page with issues in fireFox and then on the FireFox toolbar click Tools > Error Console.
FF will show you the problem, which is that it does not see the proper @import.
Here is the first error:
Warning: Expected URI in @import rule but found '('. Unrecognized at-rule or error parsing at-rule '('.
Source File: http://www.cba.uri.edu/aboveda/Database/jeans.asp?1
Line: 6
这篇关于ASP和HTML页面无法在Safari和Firefox中正确显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
