我從此頁取走了導航欄/標題:http://specialistleague.com/cinema並試圖將其放在此頁上:http://specialistleague。 COM /招聘修復格式化/ CSS樣式錯誤
這裏是我的嘗試:Link
正如你可能知道的,滾動條得到被推到沿側留下的PDF文檔,並在底部的頁腳得到拉伸。我需要在原始頁面上的所有內容都相同,我只需要那裏的標題/導航欄。
我該怎麼辦?
我從此頁取走了導航欄/標題:http://specialistleague.com/cinema並試圖將其放在此頁上:http://specialistleague。 COM /招聘修復格式化/ CSS樣式錯誤
這裏是我的嘗試:Link
正如你可能知道的,滾動條得到被推到沿側留下的PDF文檔,並在底部的頁腳得到拉伸。我需要在原始頁面上的所有內容都相同,我只需要那裏的標題/導航欄。
我該怎麼辦?
它看起來像你的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>
請現在看到它。它搞砸了一些東西。 –
嗨,我已經更新並測試了我的示例 - 它現在似乎正在工作。 – aaronmarruk
好吧,它已經修復了滾動條的問題,但底部頁腳問題仍然存在:( –
我相信,你有評論說,因爲這個問題在頭 「cinema.css」 鏈接。
這裏的問題是在頁面中廣泛使用.row類。 cinema.css中行類的屬性導致了這個問題。
溶膠 -
或者您可以爲此特定頁面定義.row類的特定屬性,如下所示。
#pagename .row {
padding: 10px;
margin: 0px;
}
一旦上面做,你可能不得不對CSS的工作來解決輸入項目的屬性也是如此。
希望這有助於:)
請參閱我的回答 – aaronmarruk
請參閱我的更新答案 – aaronmarruk