Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature currently requires accessing the site using the built-in Safari browser.
Inhalt und Layout sind zu trennen, und für diese "Aufgabenstellung" stellt CSS auch technische Möglichkeiten bereit - siehe AnyColumnLongest.Ganz so eindeutig sehe ich die Sache nicht. Gerade wenn es um Tabellen (z.B. gleiche Höhen in Reihen) geht, sind für mich Tabellen immer noch unverzichtbar.
Welche Probleme hat denn speziell der IE mit "DIV-Layern", die sich nicht mit einem entsprechenden CSS-Workaround lösen ließen?.Und wenn man sich mal die Probleme ansieht, die speziell der IE mit Layern hat, gewinnt für mich das Wort "barrierefrei" eine ganz neue Bedeutung.
Position:fixed bei horizontaler Zentrierung z.B. ist bis einschließlich IE 7 nicht machbar. Außerdem sind es für mich gerade diese ständigen Workarounds, die mich tierisch nerven. M$ hält sich an keine Standards und wir dürfen es ausbaden. Außerdem weiß man nie, ob solche Sachen nach dem nächsten Browser Update noch funktionieren.Welche Probleme hat denn speziell der IE mit "DIV-Layern", die sich nicht mit einem entsprechenden CSS-Workaround lösen ließen?
Solange der 7er noch Standard ist, der 6er immer noch weit verbreitet und selbst der 5.5er noch lebt, muß man sich mit diesen Dingen beschäftigen. Und solange es M$ nicht schafft, ein Betriebssystem zu basteln, das auch auf nicht super aktuellen Maschinen läuft und das die Kunden auch wollen (also nie), wird sich an der Situation auch nichts grundlegendes ändern.Zumal diese "Bugs" in der aktuellen Browser-Version ausgeräumt sind, wie z.B. die fehlerhafte Interpretation des Boxmodells, der "Double-Float-Margin-Bug", oder "3px-Gap-Bug", um nur ein paar der altbekannten Probleme im IE6 zu nennen.
Oder willst du wegen einer Randgruppe, die einen Browser aus dem vergangenen Jahrhundert nutzt, die Webstandards unter den Tisch kehren?
mfg Maik
Kann ich nicht bestätigen:Position:fixed bei horizontaler Zentrierung z.B. ist bis einschließlich IE 7 nicht machbar.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-05-22">
<title>tutorials.de | demo_Sprint</title>
<style type="text/css">
<!--
* {
margin:0;
padding:0;
}
#head {
position:fixed;
top:0;
left:50%;
margin-left:-400px;
width:800px;
height:100px;
z-index:2;
background:#ddd;
}
#wrapper {
position:relative;
width:800px;
margin:0 auto;
}
#content {
margin-top:100px;
}
-->
</style>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div id="head">head</div>
<div id="wrapper">
<div id="content">
<p>foobar -start-</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar</p><p>foobar -end-</p>
</div>
</div>
</body>
</html>
Das ist viel Wahres dran, aber bei der letzten Seite habe ich ganz strikt angesagt, dass diese Seite keine Browser, die älter als 5 Jahre alt sind, unterstützt, somit war auch das Thema IE6-SP2 weg vom Tisch. Ich habe ihm - weil ich lieb war - eine Browserweiche und damit ein Ausweichdesign ohne mootools-Effekte für die alten IEs gebaut. Naja, es war dann eine Pflicht, ein sauberes Produkt mit Alternative abzugeben...solange der Auftraggeber mit 5.5 oder 6 testet, kannste gar nix gegen machen. ..
Im IE8(Beta) soeben auchErfolgreich getestet in IE 5.5, 6, 7