2015-07-10 105 views
-1

我從此頁取走了導航欄/標題:http://specialistleague.com/cinema並試圖將其放在此頁上:http://specialistleague。 COM /招聘修復格式化/ CSS樣式錯誤

這裏是我的嘗試:Link

正如你可能知道的,滾動條得到被推到沿側留下的PDF文檔,並在底部的頁腳得到拉伸。我需要在原始頁面上的所有內容都相同,我只需要那裏的標題/導航欄。

我該怎麼辦?

+0

請參閱我的回答 – aaronmarruk

+0

請參閱我的更新答案 – aaronmarruk

回答

0

它看起來像你的HTML/CSS類稍微關閉。從內部div中刪除包含.row div以及.row類。變化:

... 
</header> 

<!-- Remove containing .row div (below) --> 
<div class="row"> 
    <div class="row" style="position: absolute; height: 100%; border: none; width: 100%;"> 
     <iframe class="pdf" src="pdf.php"></iframe> 
     ... 
    </div> 
</div> 

到:

... 
</header> 

<!-- Here, we have removed the containing .row div --> 
<div style="position: absolute; height: 100%; border: none; width: 100%;"> 
    <iframe class="pdf" src="pdf.php"></iframe> 
    ... 
</div> 
+0

請現在看到它。它搞砸了一些東西。 –

+0

嗨,我已經更新並測試了我的示例 - 它現在似乎正在工作。 – aaronmarruk

+0

好吧,它已經修復了滾動條的問題,但底部頁腳問題仍然存在:( –

0

我相信,你有評論說,因爲這個問題在頭 「cinema.css」 鏈接。

這裏的問題是在頁面中廣泛使用.row類。 cinema.css中行類的屬性導致了這個問題。

溶膠 -

  • 你可以做的最好的事情是更換所有與新的類此頁面.row類(4發生)。
  • 或者您可以爲此特定頁面定義.row類的特定屬性,如下所示。

    #pagename .row { 
    padding: 10px; 
    margin: 0px; 
    } 
    

一旦上面做,你可能不得不對CSS的工作來解決輸入項目的屬性也是如此。

希望這有助於:)