nicht angemeldet
Hallo,
Hat jemand irgendeine Idee, was der IE für ein Problem hierbei hat?
Ja, er stellt Elementteile nicht außerhalb des Elements dar, sobald das Element eine explizite Breite hat, weder mit negativen text-indent noch negativen margin-Werten.
Siehe:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body {padding:0px 0px 0px 25px; margin:0px;}
p {text-indent:-25px; margin:0; padding:0;}
/*p {margin:0; margin-left:-25px; padding:0;}*/
div#v1 {padding:0; border:1px solid black; background-color:#00AEAD;}
div#v2 {width:300px; padding:0; border:1px solid black; background-color:#00AEAD;}
div#v3 {width:300px; margin:auto; padding:0; border:1px solid black; background-color:#00AEAD;}
</style>
</head>
<body>
<div id="v1"><p>Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext</p></div>
<p>vs.</p>
<div id="v2"><p>Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext</p></div>
<p>vs.</p>
<div id="v3"><p>Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext Testtext</p></div>
</body>
</html>
Du könntest Deinen #marker als Inline-Element mit position:relative; left:-25px; formatieren. Dann bleiben diese 25px allerdings leer, dort wo er eigentlich gestanden hätte.
viele Grüße
Axel