2014-11-08 64 views
0

我已经为我的网站创建了一个使用css的html布局。此布局包含在我的jsp文件中,使用该操作。 我的问题是,当我尝试将内容放入布局的内容部分时,它会在布局外移动,而不是按需要移动。这是我第一次使用jsp,所以任何帮助都很棒!下面将内容插入到包含在jsp中的html布局中

是我的代码:

.header{ 
 
background-color: crimson; 
 
height: 15%; 
 
} 
 

 
.logo{ 
 
padding-left: 25px; 
 
padding-right: 25px; 
 
padding-top: 20px; 
 
width: 21%; 
 
color: black; 
 
font-family: "Trebuchet MS",sans-serif; 
 
font-weight: bold; 
 
font-size: 80px; 
 
border: ridge; 
 
border-color: black; 
 
border-width: thick; 
 
} 
 

 
.footer{ 
 
height: 2%; 
 
text-align: center; 
 
} 
 

 
.body{ 
 
padding-top: 15%; 
 
height: 400px; 
 
} 
 

 
.page{ 
 
\t background-color: gainsboro; 
 
}
<html> 
 
<head> 
 
<link rel="stylesheet" href="layoutstyle.css"> 
 
</head> 
 
<div class="page"> 
 
<div class="header"> 
 
<div class="logo"> 
 
Bookie<small style="font-size: 30px">.com</small> 
 
</div> 
 
</div> 
 
<div> 
 

 
</div> 
 
<div class="footer"> 
 
copyright @abc 
 
</div> 
 
</div> 
 
</html>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
 
    pageEncoding="ISO-8859-1"%> 
 
    <jsp:include page="layout.html"/> 
 
<!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=ISO-8859-1"> 
 
<title>LogIn</title> 
 
</head> 
 

 
<div class="body"> 
 
hi 
 
</div> 
 
</html>

请帮助!

+0

如果您标记哪个文件是哪个 – 2015-07-04 00:36:37

回答

0

在这些文件中没有任何JSP代码。 JSP是封装在<%%>标签中的Java代码。这听起来像你正在转移内容的问题可能是一个CSS问题。