2011-07-14 109 views
1

因此,我设计了一个页面,该页面在我的浏览器中完美地在本地运行,但是当我将HTML复制到共享点时,页面末尾有一条长长的空尾。作为显示这里:强制HTML页面缩小

enter image description here

如何摆脱它?我试图只是强迫这样的高度:

html,body { height:600px } 

但没有骰子。有任何想法吗?非常感谢!

对于那些谁问,这里是代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
     <style type="text/css"> 
      html,body { height:400px; } 
      .body1{font-family:helvetica; font-size:8px;} 
      .backgroundstory{ 
      background-image:url('/connect/PublishingImages/partnerandjoin.png'); 
      background-repeat:no-repeat; 
      background-position:right top; 
      } 
      h2.pos_upCAM 
      { 
      position:relative; 
      top:-35px; 
      left:-55px; 
      } 
      h2.pos_upLN 
      { 
      position:relative; 
      top:-30px; 
      right:-105px; 
      } 
      h2.pos_leftHEAD 
      { 
      position:relative; 
      left:-65px; 
      } 
      h2.pos_leftCON 
      { 
      position:relative; 
      left:-120px; 
      } 
      h2.pos_leftTEXT1 
      { 
      position:relative; 
      left:-40px; 
      } 
      h2.pos_leftP 
      { 
      position:relative; 
      right:-145px; 
      top:-530px; 
      } 
      h2.pos_leftT2 
      { 
      position:relative; 
      top:-665px; 
      right:-105px; 
      } 
      h2.pos_leftGC 
      { 
      position:relative; 
      top:-595px; 
      right:-510px; 
      } 
      h2.pos_leftSU 
      { 
      position:relative; 
      right:-145px; 
      top:-600px; 
      } 
      h2.pos_leftT3 
      { 
      position:relative; 
      top:-725px; 
      right:-105px; 
      } 
      h2.pos_leftMD 
      { 
      position:relative; 
      top:-625px; 
      right:-155px; 
      } 
     </style> 
    </head> 
    <body> 
    <div style="height:400px;"> 
     <div Class="body1"> 
      <h2 class="pos_leftHEAD"> 
       <div> 
        <img src="/connect/PublishingImages/header.png" /> 
       </div> 
      </h2> 
      <h2 class="pos_upLN"> 
       <div style="float:right; margin-left:5px;"> 
        <img src="/connect/PublishingImages/lnkButton.png" /> 
       </div> 
      </h2> 
      <h2 class="pos_upLN"> 
       <div style="float:right;"> 
        <img src="/connect/PublishingImages/fbookbutton.png" /> 
       </div> 
      </h2> 
      <h2 class="pos_upCAM"> 
       <div style="float:left;"> 
        <img src="/connect/PublishingImages/cambut.png" /> 
       </div> 
      </h2> 
      <h2 class="pos_leftCON"> 
       <div> 
        <img src="/connect/PublishingImages/connect.png" /> 
       </div> 
      </h2> 
      <h2 class="pos_leftTEXT1"> 
       <div style="width:350px;"> <br/> 
        When we met 16 years ago as coach and student-athlete, we never imagined we would be working together as colleagues, asking you to join us in all the great things going on here at the College of Business. It goes to show that you never know when that one connection will make a difference of a lifetime. 
        <br/><br/> 
        That’s why we’re reaching out to ask you to connect with us. Many of you are former students, and many of you have already supported the College through scholarships, faculty, fellowships, and building and program support. No matter what your affiliation with the College is, we want to stay in touch, see you at our events, and get to know you better. Whether you live near or far, good memories, relationships, and a desire to keep giving back is what we have in common. It’s what keeps us connected. 
        <br/><br/> 
        We look forward to your partnership and to seeing you at one of our upcoming events. We hope you connect! 
        <br/><br/><br> 
        Best regards, 
        <br/><br/> 
        Sonny Lubick, 
        <br/> 
        Director of Community Leadership Outreach 
        <br/> 
        College of Business 
        <br/> 
        CSU Rams Head Football Coach, 1993-2007 
        <br/><br/> 
        Erick Olson 
        <br/> 
        Director of Development 
        <br/> 
        College of Business 
        <br/> 
        CSU Rams Football Student-Athlete, 1996-1999 
       </div> 
      </h2> 
      <div style="float:right;"> 
      <h2 class="pos_leftP"> 
       <div style="float:right;"> 
        <img src="/connect/PublishingImages/partnerandjoin.png" /> 
       </div> 
      </h2> 
      <h2 class="pos_leftT2"> 
       <div style="float:right; width:380px;"> 
        We hope you will join us for CONNECT networking and major events hosted by the College of Business. We schedule regular activities across the nation, many times to coincide with University football games or other significant events. We look forward to seeing you there! 
       </div> 
      </h2> 
      <h2 class="pos_leftGC"> 
       <div style="float:right;"> 
        <img src="/connect/PublishingImages/getcon.png" /> 
       </div> 
      </h2> 
      <!-- Show up! --> 
      <h2 class="pos_leftSU"> 
       <div style="float:right;"> 
        <img src="/connect/PublishingImages/showup.png" /> 
       </div> 
      </h2> 
      <h2 class="pos_leftT3"> 
       <div style="float:right; width:380px;"> 
        By joining CONNECT, you are becoming a regular financial supporter of the Colorado State University College of Business. Funds will support CONNECT events and communications to help keep the College of Business family connected. In addition, you will receive custom CSU College of Business gifts. Your contribution, no matter how large or small, helps drive the College forward by supporting students, programs, and other important initiatives. 
       </div> 
      </h2> 
      <h2 class="pos_leftMD"> 
       <div> 
        <img src="/connect/PublishingImages/makeadiff.png" /> 
       </div> 
      </h2> 
      </div> 
     </div> 
    </div> 
    </body> 
+0

这里没有足够的信息来回答。 – Nicole

+0

您可以在上载到SharePoint之前和之后添加HTML源代码的差异吗? – mrk

回答

0

简单。无论您用于白色背景(div,table等),只需添加高度:600px;那里应该这样做。

或者,如果你想看看多余的空间来自哪里,发布代码并生病看看!

Jonah