CSS代码仅适用于Netbeans,而不适用于webbrowser

时间:2018-03-20 08:21:14

标签: java css netbeans web-applications

我有一些用Netbeans编写的web应用程序,使用CSS。 当我从Netbeans运行文件时,一切正常。然而,似乎 从浏览器访问应用程序时有所不同! 这是一个简单的例子:

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            #border_top_and_bottom {
                border-top-style: solid; 
                border-top-color: coral;
                border-top-width: 0.5px;
                border-bottom-style:solid;
                border-bottom-color:coral;
                border-bottom-width: 1.5px;
                padding-bottom: 3px;
                padding-top: 3px; 
                width :600px;
        </style>
    </head>
    <body>
        <div id="border_top_and_bottom">TODO write content</div>        
    </body>
</html>​

这是我从Web浏览器(IE)访问应用程序时的结果:

enter image description here

如您所见,顶部缺少边界线。 这是一个问题,如盒子上的​​阴影,或者 在图片附近创建tekst不能正常工作。 这对其他用户来说非常烦人,因为我的结果从来都不一样! (我希望我的问题很清楚??)

1 个答案:

答案 0 :(得分:0)

确保您使用的是正确版本的IE ...它在IE11上运行正常。代码看起来很好