<div id="infoWnd1" style="border: 1px solid gray; margin: 0px; padding: 0px; position: absolute; width: 300px; height: 200px; top: 20px; left: 158px; background-color: rgb(245, 245, 245);">
<div style="border: 1px solid gray; margin: 0px; padding: 0px; position: relative; left: 0px; top: 0px; width: 100%; height: 5%; background-color: gray;">Окно</div>
</div>
проблемы с DIV в FireFox
Такой же эффект наблюдается и при добавления текста к Head. В IE и OPERA отображается как надо. Посоветуйте как можно избавиться от этого эффекта.
Вот код:
//рамка
this.Frame=document.createElement("div");
this.Frame.id = "infoWnd"+infoWindow.prototype.countwnd;
this.Frame.style.position = "absolute";
this.Frame.style.width = this.width;
this.Frame.style.height = this.height;
this.Frame.style.top = this.posY+this.dY;
this.Frame.style.left = this.posX+this.dX;
this.Frame.style.margin = 0+"px";
this.Frame.style.padding = 0+"px";
//заголовок
this.Frame.Head = document.createElement("div");
this.Frame.Head.style.position = "relative";
this.Frame.Head.style.left = 0+"px";
this.Frame.Head.style.top = 0+"px";
this.Frame.Head.style.width = 100+"%";
this.Frame.Head.style.height = 5+"%";
this.Frame.Head.style.margin = 0+"px";
this.Frame.Head.style.padding = 0+"px";
this.Frame.appendChild(this.Frame.Head);
//текст
this.Frame.Head.appendChild(document.createTextNode("Окно"));
А покажите html-код, который в итоге генерится. И оформляйте код в посте в соответствующие тэги. А то модератор будет ругаться.
и ещё: рефакторизация спасёт мир! по моему не генерить такие вещи DOMом, а лучше на стороне сервера.
+1 к Foxweb насчет серверсайда
На сервере генерить такие вещи конечно хорошо. Но таких окошок у клиента может быть n- штук причём одновременно(в зависимости от его действий).
Цитата: Комаджу
А покажите html-код, который в итоге генерится. И оформляйте код в посте в соответствующие тэги. А то модератор будет ругаться.
Вот что в итоге генериться:
Код:
Код:
border: 1px solid gray;
кстати, Firefox работает правильно, это IE и Opera глючат, если есть пренципиальная задача выводить границу, то можно выводить фоном картинку в 1px высотой.
Цитата: skywalker
решается, если убрать дочернему:
кстати, Firefox работает правильно, это IE и Opera глючат, если есть пренципиальная задача выводить границу, то можно выводить фоном картинку в 1px высотой.
Код:
border: 1px solid gray;
кстати, Firefox работает правильно, это IE и Opera глючат, если есть пренципиальная задача выводить границу, то можно выводить фоном картинку в 1px высотой.
Спасибо. Помогло. Только ещё вопрос образовался. При добавлении текста
к дочернему, текст так же выходит за границы. Может это происходит из-за размера шрифта?.Например В IE текст растягивает элемент к которому он принадлежит. Как добиться такого же эффекта в FF?
Цитата: DENWER
Спасибо. Помогло. Только ещё вопрос образовался. При добавлении текста
к дочернему, текст так же выходит за границы. Может это происходит из-за размера шрифта?.Например В IE текст растягивает элемент к которому он принадлежит. Как добиться такого же эффекта в FF?
к дочернему, текст так же выходит за границы. Может это происходит из-за размера шрифта?.Например В IE текст растягивает элемент к которому он принадлежит. Как добиться такого же эффекта в FF?
Код:
overflow-x: hidden;
Цитата: DENWER
Спасибо. Помогло. Только ещё вопрос образовался. При добавлении текста
к дочернему, текст так же выходит за границы. Может это происходит из-за размера шрифта?.Например В IE текст растягивает элемент к которому он принадлежит. Как добиться такого же эффекта в FF?
к дочернему, текст так же выходит за границы. Может это происходит из-за размера шрифта?.Например В IE текст растягивает элемент к которому он принадлежит. Как добиться такого же эффекта в FF?
попробуйте для дочернего и родительского:
Код:
display:table;
Цитата: skywalker
попробуйте для дочернего и родительского:
Код:
display:table;
Спасибо Огромное. В FF всё работает прекрасно. Правда Ишак ругаеться, но эту проблему я решил.