IE浏览器和Firefox浏览器的CSS绝对定位问题，但不是Chrome浏览器 - Wordpress模板

问题描述：

我修改了一个WordPress响应主题，在标题中包含了我的客户端徽标。当添加这个时，我已经敲开了一堆其他的div，并且我正在慢慢拼凑起来。IE浏览器和Firefox浏览器的CSS绝对定位问题，但不是Chrome浏览器 - Wordpress模板

我遇到的主要挑战是与

#header-menu

ID（http://ubcf2.garyspagnoli.com）未对某些浏览器上正常渲染。它保持固定在右侧，不再响应设计。

这里是我实现（也检查了现场）我怎么看这个定位在标志图像的CSS -

#header-menu { 
    bottom: 0; 
    padding: 0; 
    position: absolute; 
    right: 0; 
}

就如何解决这一问题有何建议？我能不能在响应式设计中进行绝对定位？

你希望'＃header-menu'通过'h1＃site-title'吗？ – sourRaspberri

是的。这是对的。我已经用当前的代码完成了这个工作，但它给了我在Firefox和IE中的问题。 – piratetone

还有一些严重的定位问题！大声笑我会看看我能做些什么。 – sourRaspberri

答

删除您h1#site-title

#header-menu{ 
    background-image:url('http://ubcf2.garyspagnoli.com/wp-content/uploads/2014/02/UBCF-v1.jpg'); 
    list-style-type:none; 
    margin:0px; 
    padding:0px; 
} 
#header-menu>li{ 
    float:right; 
} 
#header-menu>li a{ 
    display:block; 
    padding:10px 15px; 
} 
#header-menu>div{ 
    float:clear; 
}

您的最后一个列表项目之后加一个div。您可能需要撤消您的列表项目。同时尝试并删除任何不必要的位置。

IE浏览器和Firefox浏览器的CSS绝对定位问题，但不是Chrome浏览器 - Wordpress模板

相关推荐