nicht angemeldet
ContentEditable Div's Problem bei XHTML
Hallo zusammen,
ich möchte ein editierbaren Div-Container auf meiner Seite mit einbinden. Dabei ist mir aber aufgefallen, das es unter der Verwendung, verschiedener Dokumenttypen Unterschiede gibt.
Bsp. 1 XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ContentEditable Div als XHTML</title>
</head>
<body>
<div contenteditable="true" style="width: 200px; height: 200px; border: 1px solid red; position: absolute; top: 150px; left: 150px;">
test
</div>
</body>
</html>
Bsp. 2 HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ContentEditable Div als HTML</title>
</head>
<body>
<div contenteditable="true" style="width: 200px; height: 200px; border: 1px solid red; position: absolute; top: 150px; left: 150px;">
test
</div>
</body>
</html>
In der HTML- Version kann man ohne Probleme irgendwo auf den Div klicken und dieser wird entsprechend fokusiert / markiert. In der XHTML- Variante leider nur, wenn man direkt auf eine vorhandenen Text klickt, bei allen anderen Stellen passiert gar nichts.
Gibt es eine Möglichkeit, ein Workarround, welches die XHTML-Variante genauso funktionieren lässt wie die HTML?
Andernfalls müsste ich speziell deswegen den Dokumenttyp, und damit den kompletten Syntax ändern.
Vielen Dank