Question

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
body {
    background: url("../images/theserverside/bodyBackground.png") repeat-x scroll 0% 0% rgb(45, 70, 101);
    height: 100%;
}



#containerOuter {
    border-left: 4px solid rgb(21, 46, 72);
    border-right: 4px solid rgb(21, 46, 72);
}

#containerOuter {
    margin: 0px auto;
    width: 560px;
}
#containerOuter {
    height: auto !important;
    min-height: 100%;
    word-wrap: break-word;
    background-color: red;
}

#containerInner {
    background-color: rgb(255, 255, 255);
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: orange;
    background: url("wood1.jpg");
    color: whitesmoke;
}

</style>

</head>
<body class="discussionsLanding">




<div id="containerOuter">






<div id="containerInner">


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a ligula dolor. Fusce congue elementum nulla at tempor. Nulla elit ligula, consequat sed convallis id, condimentum ac tellus. Proin volutpat, dolor id porttitor consequat, metus nulla elementum purus, ut lacinia dui turpis vel nibh.



</div>


</div>


</body>
</html>

以上代码我用于我的应用程序的设计jsp页面。它在Mozilla Firefox中看起来不错，但是当我在chrome中运行上面的代码时，它看起来与大小和其他对齐方式不同。我该怎样做才能在Mozilla和chrome中以相同的对齐和大小显示内容

这是我的Chrome结果 enter image description here 这是我的Mozilla结果

如何解决此问题？

j2ee Web应用程序中的浏览器兼容性问题

0 个答案: