jsp页面整体无法居中问题的解决方案

index.jsp代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>    <title>首页面</title><link rel="stylesheet" href="/xiaoneiwang/css/common.css" type="text/css"/><link rel="stylesheet" href="/xiaoneiwang/css/index.css" type="text/css"/></head><body><!-- 引入多页面 --><jsp:include page="head.jsp"/></body>
</html>

head.jsp代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><link rel="stylesheet" href="/xiaoneiwang/css/head.css" type="text/css" /><script type="text/javascript"><!-- function changeBG(o){o.style.backgroundColor="#5C75AA";}function changeBG2(o){o.style.backgroundColor="";}--></script></head><body><div class="head1"><img class="img1" src="/xiaoneiwang/images/front/top1.gif" /><img class="img2" src="/xiaoneiwang/images/front/top2.jpg" /><img src="/xiaoneiwang/images/front/xnw3.jpg" style="float: left;"/><ul class="navi1"><li onmouseover="changeBG(this)" onmouseout="changeBG2(this)"><a class="anavi" href="/xiaoneinew/register.do?flag=regUI">注册</a></li><li onmouseover="changeBG(this)" onmouseout="changeBG2(this)"><a class="anavi" href="#">设为首页</a></li><li onmouseover="changeBG(this)" onmouseout="changeBG2(this)"><a class="anavi" href="#">加入收藏</a></li><li onmouseover="changeBG(this)" onmouseout="changeBG2(this)"><a class="anavi" href="#">帮助</a></li></ul></div></body>
</html>

head.css代码如下：

.head1{height:101px;width:1005px;background-color: #3B5888;margin:0 auto;/*该句为了使居中*/
}.head1 .img1{width: 713px;float: left;
}
.head1 .img2{width: 280px;float: left;margin-left: 6px;
}.navi1{float:right;
}
.navi1 li{float:left;color:#C3CDDF;height: 33px;width: 55px;line-height: 33px;text-align: center;
}

common.css代码如下：

body{font-size: 12px;margin: 0;
}

运行起来后，head.jsp在index.jsp中无法居中，只是左面对齐浏览器。解决方案：
在index.jsp中将头部的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

修改为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

即可完美解决。

转载于:https://www.cnblogs.com/conter/p/6857813.html

jsp页面整体无法居中问题的解决方案相关推荐

Java中文jsp页面被转码了_JSP中文乱码问题终极解决方案
转载自: http://www.cnblogs.com/beijiguangyong/ http://www.cnblogs.com/beijiguangyong/archive/2012/03/31 ...
jsp页面实现打印 .
报表在信息系统中占据了极为重要的位置,广义上讲,报表主要以多样的格式呈现和打印动态数据,动态数据主要指保存在数据库中的数据,也可以是文本中的数据.XML数据.Hibernate数据.EJB数据.自定义 ...
web页面jsp页面的打印
报表在信息系统中占据了极为重要的位置,广义上讲,报表主要以多样的格式呈现和打印动态数据,动态数据主要指保存在数据库中的数据,也可以是文本中的数据.XML数据.Hibernate数据.EJB数据.自定义 ...
SpirngMVC jsp页面空指针
SpirngMVC jsp页面空指针 ,这个错误基本上是jar包冲突,我看网上很多的方案 <dependency><groupId>javax.servlet</grou ...
java 页面分离实现_JavaBean实现JSP页面和代码分离
JavaBean实现JSP页面和代码分离以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 在JSP编程中 Struts一般 ...
【页面传值6种方式】- 【JSP 页面传值方法总结：4种】 - 【跨页面传值的几种简单方式3种】...
页面传值--最佳答案6种方式: 一. 使用QueryString变量 QueryString是一种非常简单也是使用比较多的一种传值方式,但是它将传递的值显示在浏览器的地址栏中,如果是传递一个或多个安全 ...
JSP 页面传值方法总结
JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧. 试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式. 1. URL 链接后追加参数 <a href=&quo ...
【报错笔记】在maven项目中jsp页面使用window.location.href给controller传参时参数过长所以路径无法跳转至controller
在maven项目中jsp页面使用window.location.href给controller传参时参数过长所以路径无法跳转至controller 解决方案:使用a链接来用
Servlet跳转到JSP页面后的路径问题相关解释
一.现象与概念 1. 问题在Servlet转发到JSP页面时,此时浏览器地址栏上显示的是Servlet的路径,而若JSP页面的超链接还是相对于该JSP页面的地址且该Servlet和该JSP页面不在同 ...

jsp页面整体无法居中问题的解决方案

jsp页面整体无法居中问题的解决方案相关推荐

最新文章

热门文章