nicht angemeldet
In folgendem Beispiel sollten die beiden inneren DIVS leks und rechts nebeneinander 'floaten'. Dies tun sie aber nicht, wenn man im rechten div einen Javascript mit document.write einfügt. Ohne document.write funktioniert alles bestens! Übrigens: weder IE5/Mac, noch SAFARI haben hiermit ein Problem...
- Kann mir jemand sagen, warum dies passiert? Ist dies ein Fehler von Moz?
- Wie kann man das Problem mit zusätzlichem Markup lösen (bestehender Markup sollte nicht gelöscht werden, da für Layout nötig)?
- Gibt es eine CSS-Browserweiche, mit dem man nur Firefox/Mozilla ansprechen kann?
Danke und Gruss...
BEISPIEL-HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>test</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<div style="width:500px;display:table;background-color:#999">
<div style="float:right;width:200px;display:;background-color:red;">
right text here <script type="text/javascript">document.write ()</script>
</div>
<div style="float:left;width:200px;background-color:blue;">
left floated div here
</div>
</div>
</body>
</html>