Internet Explorer 6 - DIVの問題

WebサイトのセットアップでDIVの管理されたレイアウトが使用されています。問題は、IE 6ではこのレイアウトが壊れてしまうことです。 alt text Internet Explorer 6 - DIVの問題

alt text

これはCSSです：

#bg{ 
     position:fixed; 
     top:0; 
     left:0; 

     /* Preserve aspect ratio */ 
     min-width:100%; 
     min-height:100%; 
} 
#basic { 
    width: 902px; height: auto; margin-left: auto; margin-right: auto; position: relative; padding-bottom: 50px; 
} 
#logo{ 
    width: 902px; height: 400px; position: absolute; top: 17px; 
} 
#navbar{ 
    width: 902px; height: 23px; top: 280px; position:absolute; 
} 

#content{ 
    width: 802px; height: auto; top: 325px; position: absolute; background-color: white; padding-top: 50px;padding-left: 50px; padding-right: 50px; padding-bottom: 50px 
} 
#csob{ 
    width: 100px; height:100px; bottom:0px; right: 0px; position: absolute; 
} 
#titulni_strana {width:902; height:auto; top:325px; position:absolute}

PHP：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<link rel="shortcut icon" href="http://protechp.cz/zimnihrycsob/images/favicon.ico"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > 
<link href="default.css" rel="stylesheet" type="text/css" > 
<title>Zimni Hry CSOB</title> 
<!--[if lt IE 7]> 
     <script type="text/javascript" src="unitpngfix.js"></script> 
<![endif]--> 
</head> 

<body> 
<img src="images/background-gradient-ok.jpg" id="bg" alt="pozadi"> 
<div id="basic"> 

<div id="logo"> 
<center><img src="images/logo3.png" alt="logo"></center> 
</div> 

<?php include ("./menu.php") ?> 

<div id="titulni_strana"> 
<img src="images/titulni_strana.jpg" alt="titulni strana"> 
</div> 

</div> 

</body> 
</html>

出典

2010-11-29 Fallion

壊れているセクションのコードを投稿してください。 – Jimmy

http://validator.w3.org/でhtmlソースを検証することをアドバイスします。無効なhtmlは他のブラウザから受け入れられます –

先日HTMLに関する記事を読んでいます。それは基本的に、Web開発者に、自分のWebサイトでIE6をサポートするつもりはないと言っていたのです... –

だけのシンプルなCSSを越えてここに問題があるかのように見えます。

まず、HTMLが有効であることを確認してください。最初の画像のブラウザがIE6よりも寛大であるかのように見えます。これは、画像が1つではなく、他のものではないからです。

また、IE6はmin- *プロパティをサポートしていません。 IE6のみのスタイルシートや星のハックでは、IE6のみを対象にして、高さと幅を代わりに使用する必要があります。

編集：また、IE6は固定配置をサポートしていません。代わりに、絶対位置指定を使用する必要があります。

出典

2010-11-29 20:15:00 simshaun

最初の画像はIE6以外のブラウザです。 Firefox 2,3はこのウェブサイトをサポートしていますが、ChromeはSafariがサポートしています。最小のプロパティはグラデーションの背景にありますが、これはグラデーションの背景を見つける唯一の方法です。 – Fallion

画像が読み込まれず、CSSが問題であるようです。

スタイルシート、すべてのCSS、およびie6 pngの修正JavaScriptを削除してみてください。画像がページに表示されていることを確認してください。ライブの例がいいでしょう。

出典

2010-11-29 23:58:51 Blowsie

私は実際にCSSの固定属性であることを発見しました。残念ながら、自動的にサイズを変更する背景が機能しなくなりました。 – Fallion

Internet Explorer 6 - DIVの問題

答えて

関連する問題