HTML链接行为(中断div元素)

时间:2014-08-13 17:05:43

标签: html css xslt hyperlink internet-explorer-8

接收打破页面的xslt中链接的奇怪行为。

我正在使用XSLT来转换XML手册列表。我已经包含了一个链接来打开手册,(as .p​​df),目标=“_ blank”

在Internet Explorer 8中,(是的,我们仍然需要使用它),链接功能正常,在新窗口中打开pdf,但链接为1的页面向下移动约1300-1500px。刷新页面会修复它,并且在测试中似乎第二次和未来时间打开相同的链接它不会显示此行为。

它不会移动标题或菜单容器,只移动主体容器。

我已经使用了开发人员工具来获取它正在使用的html,并且没有看到它在何处或为何会这样做。编辑:我在html输出的底部看到css,它似乎有一些极端值的位置可能?

相关(HTML)代码:

<!-- saved from url=(0071)http://www.example.com/unit/admin/instructions/instructions.xml -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- Generated by Developer Tools. This might not be an accurate representation of the original source file -->
<HTML>
   <HEAD>
      <TITLE>Intranet</TITLE>
      <META content="text/html; charset=UTF-16" http-equiv=Content-Type>
      <SCRIPT type=text/javascript src="../../../scripts/jquery-1.11.1.min.js"></SCRIPT>
      <LINK rel=stylesheet type=text/css href="../../../css/tacamo.css">
   </HEAD>
   <BODY style="ZOOM: 1">
      <DIV style="MARGIN: auto" id=wing-page-container>
         <DIV id=header-container><IMG alt="" align=middle src="../images/elements/header.png" width=1000></DIV>
            <DIV id=nav-container>
               <DIV id=menu>
                  <UL>
                     <LI><A id=menu href="http://www.example.com/unit/admin/admin.html">BACK</A></LI>
                  </UL>
               </DIV>
           </DIV>
           <DIV id=instructions-content-container>
              <TABLE class=instructions align=center>
                 <TBODY>
                    <TR>
                       <TH style="TEXT-ALIGN: center; WIDTH: 75px">Instruction Number</TH>
                       <TH style="TEXT-ALIGN: center; WIDTH: 75px">Date</TH>
                       <TH style="TEXT-ALIGN: center; WIDTH: 25px">COG</TH>
                       <TH style="WIDTH: 500px">Description</TH>
                       <TH style="TEXT-ALIGN: center; WIDTH: 50px">Open</TH>
                    </TR>
                    <TR style="BACKGROUND-COLOR: #c0d0e0">
                       <TD style="WIDTH: 75px">1</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 75px">09/24/1997</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 25px">GEORGE</TD>
                       <TD style="WIDTH: 500px">MANUAL ABOUT 1 THING</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 25px"><A href="http://www.example.com/unit/admin/instructions/1-thing.pdf" target=_blank><IMG border=0 src="../images/elements/pdf-logo.gif" width=25 height=25></A></TD>
                    </TR>
                    <TR style="BACKGROUND-COLOR: #ffffff">
                       <TD style="WIDTH: 75px">2</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 75px">03/26/2010</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 25px">GEORGE</TD>
                       <TD style="WIDTH: 500px">MANUAL ABOUT 3 THING</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 25px"><A href="http://www.example.com/unit/admin/instructions/2-thing.pdf" target=_blank><IMG border=0 src="../images/elements/pdf-logo.gif" width=25 height=25></A></TD>
                    </TR>
                    <TR style="BACKGROUND-COLOR: #c0d0e0">
                       <TD style="WIDTH: 75px">3</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 75px">04/10/2014</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 25px">GEORGE</TD>
                       <TD style="WIDTH: 500px">MANUAL ABOUT 3 THING</TD>
                       <TD style="TEXT-ALIGN: center; WIDTH: 25px"><A href="http://www.example.com/unit/admin/instructions/3-thing.pdf" target=_blank><IMG border=0 src="../images/elements/pdf-logo.gif" width=25 height=25></A></TD>
                    </TR>
                 </TBODY>
              </TABLE>
           </DIV>
           <DIV id=footer-container>
              <P class=footer>Admin POC: <A href="mailto:george@example.com">Admin ITPOC's</A> (555-1212)</P>
           </DIV>
         </DIV>
         <DIV style="BORDER-BOTTOM: #ff99cc 1px solid; TEXT-ALIGN: left; FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); BORDER-LEFT: #ff99cc 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 100%; BACKGROUND-COLOR: #ffcccc; MARGIN: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: block; FONT-FAMILY: 'Sans Serif',serif; FLOAT: left; VISIBILITY: visible; COLOR: black; FONT-SIZE: 11pt; OVERFLOW: visible; BORDER-TOP: #ff99cc 1px solid; BORDER-RIGHT: #ff99cc 1px solid; PADDING-TOP: 1px; font-decoration: none" class=IEDevToolbarAddedElement>href=http://www.example.com/unit/admin/instructions/1-thing.pdf</DIV>
      </DIV>

      <DIV style="Z-INDEX: 459008; BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 25px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 25px; VISIBILITY: visible; OVERFLOW: hidden; BORDER-TOP: 0px; TOP: 5808px; BORDER-RIGHT: 0px; PADDING-TOP: 0px; LEFT: 1346px" class=IEDevToolbarAddedElement>

         <DIV style="BORDER-BOTTOM: #ff99cc 1px solid; TEXT-ALIGN: left; FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); BORDER-LEFT: #ff99cc 1px solid; PADDING-BOTTOM: 1px; LINE-HEIGHT: 100%; BACKGROUND-COLOR: #ffcccc; MARGIN: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; DISPLAY: block; FONT-FAMILY: 'Sans Serif',serif; FLOAT: left; VISIBILITY: visible; COLOR: black; FONT-SIZE: 11pt; OVERFLOW: visible; BORDER-TOP: #ff99cc 1px solid; BORDER-RIGHT: #ff99cc 1px solid; PADDING-TOP: 1px; font-decoration: none" class=IEDevToolbarAddedElement>href=http://www.example.com/unit/admin/instructions/3-thing.pdf</DIV>
      </DIV>
   </BODY>
</HTML> 

0 个答案:

没有答案