开发者

Positioning issues in IE

开发者 https://www.devze.com 2023-04-04 16:08 出处:网络
I\'ve made a theme for the blogging platform Tumblr, and it works fine on all browsers except IE. IE won\'t fix the position of a div on the bottom of the screen, and squishes everything to the left

I've made a theme for the blogging platform Tumblr, and it works fine on all browsers except IE.

IE won't fix the position of a div on the bottom of the screen, and squishes everything to the left instead of most of them being fixed to the right.

The address is 009panelstheme.tumblr.com

Here's a screenshot in IE: http://i56.tinypic.com/2b30jk.png

Same thing in Chrome: http://i55.tinypic.com/2d8172o.png

I've tried the whole Doctype thing, and I found someone who said to add this line:

<!--[开发者_如何学编程if IE]>
<style type="text/css">
@media screen {
* html {overflow-y: hidden;}
* html body {height: 100%; overflow: auto;}
}
</style>
<![endif]-->

But nothing I do works.

Any suggestions would be wonderful. Thank you so much.


Your attempt at adding a doctype failed. Using IE's Developer Tools (press F12), you can clearly see it's rendering in Quirks Mode. Changing it to Standards Mode in the Developer Tools makes it work.

When I look at the source, I see this:

<meta http-equiv="x-dns-prefetch-control" content="off"/><!DOCTYPE HTML>
<html lang="en">
...

The doctype needs to be the very first thing on the page!

Where does that meta tag come from? Can you move it into the head?

Speaking of which, further down the page I see this:

<header>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    ...

header isn't what you should be using there. It's head. header is something else entirely.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号