mirror of
https://gitlab.com/siarp/siarp.de.git
synced 2026-08-07 19:18:17 +00:00
Martin Stadler
123 lines
6.8 KiB
HTML
123 lines
6.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
|
|
"http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr">
|
|
|
|
|
|
<!-- Mirrored from siarp.de/node/221 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 08 Dec 2019 12:00:24 GMT -->
|
|
<head profile="http://www.w3.org/1999/xhtml/vocab">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="Generator" content="Drupal 7 (http://drupal.org)" />
|
|
|
|
|
|
<title>YAML und Listen im IE6 | siarp.de</title>
|
|
<link type="text/css" rel="stylesheet" href="../../sites/siarp.de/files/css/css_xE-rWrJf-fncB6ztZfd2huxqgxu4WO-qwma6Xer30m4.css" media="all" />
|
|
<link type="text/css" rel="stylesheet" href="../../sites/siarp.de/files/css/css_NdVgz6YKifxQUEsW5xls_zI7Pn2F7E5U5Wb29zcu3vo.css" media="all" />
|
|
<link type="text/css" rel="stylesheet" href="../../sites/siarp.de/files/css/css_OAqUol8y_hmU_lCucLyaRX-a1G627sWWbvG_VG1GKnE.css" media="all" />
|
|
<link type="text/css" rel="stylesheet" href="../../sites/siarp.de/files/css/css_xPIRNNJGw8EiKyuE5b-xAtWWTQ8U1_huTr4xL09Dq2A.css" media="all" />
|
|
<link type="text/css" rel="stylesheet" href="../../sites/siarp.de/files/css/css_k3snrbsthqot7V7ccRZHS9OkCZkwBv4adtNieIVlbEU.css" media="print" />
|
|
|
|
<script type="text/javascript" src="../../sites/siarp.de/files/js/js_qikmINIYTWe4jcTUn8cKiMr8bmSDiZB9LQqvceZ6wlM.js"></script>
|
|
<script type="text/javascript">
|
|
<!--//--><![CDATA[//><!--
|
|
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"garland","theme_token":"dxXwGdX2CtcjiY_ySRigUJtr8GeXCYxY1VgguDETDn4","js":{"misc\/jquery.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"public:\/\/geshi\/geshifilter-languages.css":1,"sites\/siarp.de\/modules\/geshifilter\/geshifilter.css":1,"themes\/garland\/style.css":1,"themes\/garland\/print.css":1,"themes\/garland\/fix-ie.css":1}}});
|
|
//--><!]]>
|
|
</script>
|
|
</head>
|
|
<body class="html not-front not-logged-in one-sidebar sidebar-second page-node page-node- page-node-221 node-type-story fluid-width" >
|
|
<div id="skip-link">
|
|
<a href="#main-content" class="element-invisible element-focusable">Skip to main content</a>
|
|
</div>
|
|
|
|
<div id="wrapper">
|
|
<div id="container" class="clearfix">
|
|
|
|
<div id="header">
|
|
<div id="logo-floater">
|
|
<div id="branding"><strong><a href="../../">
|
|
<span>siarp.de</span> </a></strong></div>
|
|
</div>
|
|
|
|
</div> <!-- /#header -->
|
|
|
|
|
|
<div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">
|
|
<h2 class="element-invisible">You are here</h2><div class="breadcrumb"><a href="../../">Home</a></div> <a id="main-content"></a>
|
|
<div id="tabs-wrapper" class="clearfix"> <h1 class="with-tabs">YAML und Listen im IE6</h1>
|
|
</div> <div class="clearfix">
|
|
<div class="region region-content">
|
|
<div id="block-system-main" class="block block-system clearfix">
|
|
|
|
|
|
<div class="content">
|
|
<div id="node-221" class="node node-story node-promoted">
|
|
|
|
|
|
|
|
<span class="submitted">11. November 2009 - 10:52 — <span class="username">Martin</span></span>
|
|
|
|
<div class="content clearfix">
|
|
<div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>Achtung! Böse Falle mit YAML und Listen im Internet Explorer 6! Folgender Code steht in der iehacks.css und gilt für den IE6.</p>
|
|
|
|
<div class="geshifilter"><div class="css geshifilter-css"><span class="coMULTI">/**<br />
|
|
* Disappearing List-Background Bug<br />
|
|
* @see http://www.positioniseverything.net/explorer/ie-listbug.html<br />
|
|
*<br />
|
|
* @bugfix<br />
|
|
* @affected IE 5.x/Win, IE6<br />
|
|
* @css-for IE 5.x/Win, IE6<br />
|
|
* @valid yes<br />
|
|
*/</span><br />
|
|
<br />
|
|
<span class="sy0">*</span> html ul<span class="sy0">,</span> <span class="sy0">*</span> html ol<span class="sy0">,</span> <span class="sy0">*</span> html dl <span class="br0">{</span> <span class="kw1">position</span><span class="sy0">:</span> <span class="kw2">relative</span><span class="sy0">;</span> <span class="br0">}</span></div></div>
|
|
|
|
<p>Ich hatte deswegen jetzt schon ein <a href="../220/">zweites Mal</a> Probleme. Diesmal ging es darum, dass Listenelemente sich nicht entsprechende dem overflow verhielten, wie andere Elemente. Wieder habe ich eine Weile nach dem Problem gesucht.</p>
|
|
|
|
<p>Der globale Ansatz des YAML-Fixes ist schon gewagt, finde ich. Man muss das immer im Hinterkopf behalten. Immer, wenn etwas nur im IE6 komisch ist mit der Darstellung von Listen, prüfen ob es daran liegt. Umgehen (quasi ein Fix-Fix) ist einfach Z.B.:</p>
|
|
|
|
<div class="geshifilter"><div class="css geshifilter-css"><span class="coMULTI">/* nur für IE6 anwenden: */</span><br />
|
|
<span class="re0">#elem</span> ul <span class="br0">{</span> <span class="kw1">position</span><span class="sy0">:</span> <span class="kw2">static</span><span class="sy0">;</span> <span class="br0">}</span></div></div>
|
|
</div></div></div> </div>
|
|
|
|
<div class="clearfix">
|
|
<div class="links"><ul class="links inline"><li class="comment_forbidden first last"></li>
|
|
</ul></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="region region-footer">
|
|
<div id="block-block-3" class="block block-block clearfix">
|
|
|
|
|
|
<div class="content">
|
|
<p>Alle Rechte liegen bei siarp.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->
|
|
|
|
<div id="sidebar-second" class="sidebar">
|
|
<div class="region region-sidebar-second">
|
|
<div id="block-menu-menu-autoren" class="block block-menu clearfix">
|
|
|
|
<h2 class="title">Written by</h2>
|
|
|
|
<div class="content">
|
|
<ul class="menu"><li class="first leaf"><a href="../../blog/2/">Martin</a></li>
|
|
<li class="last leaf"><a href="../../blog/3/">Tilman</a></li>
|
|
</ul> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- /#container -->
|
|
</div> <!-- /#wrapper -->
|
|
</body>
|
|
|
|
<!-- Mirrored from siarp.de/node/221 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 08 Dec 2019 12:00:24 GMT -->
|
|
</html>
|