JSP: включить, чтобы divs выровнялись в ie7 - PullRequest
Новая
       14

JSP: включить, чтобы divs выровнялись в ie7

0 голосов
/ 27 июля 2011

У меня есть веб-страница, на которой я использую 2 директивы jsp: include.В основном один заголовок, а другой нижний колонтитул.Верхние и нижние колонтитулы выровнены правильно.Но центральное тело главной страницы выровнено по левой стороне.

Это код страницы.

page.jsp 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<%@page contentType="text/html" import="java.util.*" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="images/style.css" type="text/css" />
<title>HireZilla</title>
</head>
<body>
    <jsp:include page="../top_and_left.jsp" flush="false"></jsp:include>
    <div id="contenttext" align="center">
        Hello World!!
    </div>
    <jsp:include page="../footer.jsp" flush="false"></jsp:include>
</body>
</html>

Этокод в браузере.Я вижу, что здесь и там много тегов из-за "jsp: include".Но я не знаю, как их удалить.

Тег div с «Hello World» выравнивается в крайнем левом углу страницы после верхнего и нижнего колонтитулов.Мой заголовок ("top_and_left.jsp"), как следует из названия, имеет форму буквы "L" со ссылками в левой части страницы и баннером в верхней части.Я хочу, чтобы тег div находился внутри L. Я могу сделать это в браузерах ie8 и выше, но не в ie7.

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

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link rel="stylesheet" href="../../css/style.css" type="text/css" /> 
<title>HireZilla</title> 
</head> 
<body> 
    <div id="page" align="center"> 
    <div id="toppage" align="center"> 
        <div id="date"> 
            <div class="smalltext" style="padding:13px;"><strong>Wed Jul 27 23:14:08 IST 2011</strong></div> 
        </div> 
        <div id="topbar"> 
            --Links in the top right corner--
        </div> 
    </div> 
    <div id="header" align="center"> 
        <div class="titletext" id="logo"> 
            <div class="logotext" style="margin:30px">Hire<span class="orangelogotext">Z</span>illa</div> 
        </div> 
        <div id="pagetitle"> 
            <div id="title" class="titletext" align="right" >Welcome to HireZilla!</div> 
        </div> 
    </div> 
    <div id="content" align="center"> 
        <div id="menu" align="right"> 
            <div id="linksmenu" align="center"> 
                --Left link panel menu--
            </div> 

        </div> 
    </div> 

    <div id="contenttext" align="center"> 
        Hello World!!
    </div> 


<div id="footer" class="smallgraytext" align="center" style="margin-left:225px" > 
        --Footer goes here--
</div> 


    </div> 
</body> 
</html>

Это элемент contenttext в моем css 

#contenttext{
width:608px;
background-color:#F7F7F7; 
border-left:solid 1px #999999; border-right:solid 1px #999999; 
border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC; 
min-height:360px;
}

Я не уверен, правильно ли я поставил вопрос.Я был бы рад уточнить.

Я не хочу больше переполнять эту страницу css.Если вы можете сообщить мне, какие элементы вы хотите видеть, я могу вставить их код здесь.Заранее спасибо

1 Ответ

1 голос
/ 27 июля 2011

Вы включаете полную HTML-страницу в тело другой HTML-страницы.Это вызывает все виды недопустимых html.

Чтобы исправить это, уберите все лишние вещи из footer.jsp и top_and_left.jsp.Удалите <html>, <head>, <body> и т. Д. Файл должен содержать только HTML, который вы хотите ввести в ваше тело.Это, вероятно, очистит большинство ваших проблем.

...