边距不仅在Safari中工作（元素位于页面底部） [英] Margin not working only in Safari (element is at the bottom of the page)

问题描述

请检查最新Safari Safari中的以下链接：
http://www.grupoguion.com/

页脚固定在底部，并通过滚动显示，因此上一部分有一个页边空白，但它不工作，只有在Safari中。
其他地方都可以，即使在I.E.
我试图在页面包装器中添加overflow：auto，但是在所有浏览器中，所有的元素都会变得很奇怪。
我也读过删除高度：100％在身体和html可能会修复，但这不是一个选项，因为我需要的图像来修复浏览器的高度。

$ b $

>解决方案

您可以添加一个div与你的底部的大小，并使其透明。
html：

 < div id ='tr- footer'> 
< / div> 
  

css：

 code>＃tr-footer {
 height：？px; 
 width：100％; 
 background：transparent; 
} 
  

Please check the following link in the latest safari: http://www.grupoguion.com/

The footer is fixed at the bottom and supossed to revealed with the scrolling, so the previous section has a margin-bottom but it doesn't work, only in Safari. Everywhere else is ok, even in I.E. I tried to add overflow: auto in the page-wrapper, but everything gets weird in all browsers with elements dissapear and appear. I also have read that removing height: 100% in the body and html may fix that, but that is not an option for me, because i need the images to fix the browser height.

Does anybody have another possible solution please?

Thank in advance.

解决方案

You can add a div with the size of your bottom and make it transparent. html:

<div id='tr-footer'>
</div>

css :

#tr-footer{
height: ?px;
width:100%;
background:transparent;
}

这篇关于边距不仅在Safari中工作（元素位于页面底部）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！