简体   繁体   English

IE8引起了许多有关CSS的问题

[英]IE8 is causing many issues regarding CSS

Having a few issues with Internet Explorer 8 (AGAIN). Internet Explorer 8(AGAIN)出现一些问题。

Problem 1: 问题一:

When trying to shrink the browser the menu is out of place and hovers over specific elements (IE the search bar). 尝试缩小浏览器时,菜单不正确,并悬停在特定元素上(即搜索栏)。

Problem 2: 问题2:

When trying to shrink the browser the menu is out of place and hovers over specific elements (IE the search bar). 尝试缩小浏览器时,菜单不正确,并悬停在特定元素上(即搜索栏)。

I've added the Doctype, And I've tried picking apart the elements, but I can't quite see where it's going wrong? 我添加了Doctype,并且尝试将元素分离开来,但是我不知道它出了什么问题?

    <!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Set Training | Just another WordPress site</title>

首先,您在整个地方使用固定宽度,例如,此ID #right_header_container添加了550px宽度...尝试使用%...您是否曾经尝试使用非语义或任何其他网格系统来处理较小的屏幕/设备,建议您看看http://unsemantic.com/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM