+
+ var iframe_container = document.createElement("DIV");
+ iframe_container.appendChild(frame);
+
+ var content_wrapper = document.createElement("DIV");
+ content_wrapper.appendChild(iframe_container);
+ content_wrapper.style.position = 'relative';
+ content_wrapper.className = 'CodeMirror-content-wrapper';
+
+ iframe_container.style.position = 'absolute';
+ iframe_container.style.top = '0px';
+ iframe_container.style.right = '0px';
+ iframe_container.style.bottom = '0px';
+ iframe_container.style.left = '28px';
+
+ if (options.lineNumbers) {
+ var nums = document.createElement("DIV"),
+ scroller = document.createElement("DIV");
+
+ nums.style.position = "absolute";
+ nums.style.height = "100%";
+
+ nums.style.top = "0px";
+ nums.style.left = "0px";
+ nums.style.overflow = "hidden";
+
+ scroller.className = "CodeMirror-line-numbers";
+ nums.appendChild(scroller);
+ content_wrapper.appendChild(nums);
+
+ iframe_container.style.right = nums.width;
+ }
+
+ place(content_wrapper);