我从此页取走了导航栏/标题: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