2015-07-10 108 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的工作来解决输入项目的属性也是如此。

希望这有助于:)