Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

проблемы с DIV в FireFox

5.9K
20 февраля 2007 года
DENWER
35 / / 10.07.2005
Господа, проблемка образовалась такая: С помощью DOM функций создаю два DIV-a. Первый "Frame" - родительский, воторой "Head" - дочерний. В FF дочерний DIV выходит за пределы родительского(а именно правая строна).
Такой же эффект наблюдается и при добавления текста к 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("Окно"));
308
20 февраля 2007 года
Комаджу
850 / / 26.07.2006
А покажите html-код, который в итоге генерится. И оформляйте код в посте в соответствующие тэги. А то модератор будет ругаться.
256
21 февраля 2007 года
foxweb
1.0K / / 27.07.2005
версию FF?
и ещё: рефакторизация спасёт мир! по моему не генерить такие вещи DOMом, а лучше на стороне сервера.
92
21 февраля 2007 года
Тень Пса
2.2K / / 19.10.2006
+1 к Foxweb насчет серверсайда
5.9K
21 февраля 2007 года
DENWER
35 / / 10.07.2005
Firefox 1.5.0.9.
На сервере генерить такие вещи конечно хорошо. Но таких окошок у клиента может быть n- штук причём одновременно(в зависимости от его действий).
5.9K
21 февраля 2007 года
DENWER
35 / / 10.07.2005
Цитата: Комаджу
А покажите html-код, который в итоге генерится. И оформляйте код в посте в соответствующие тэги. А то модератор будет ругаться.


Вот что в итоге генериться:

 
Код:
<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>
352
21 февраля 2007 года
skywalker
694 / / 10.02.2006
решается, если убрать дочернему:
 
Код:
border: 1px solid gray;

кстати, Firefox работает правильно, это IE и Opera глючат, если есть пренципиальная задача выводить границу, то можно выводить фоном картинку в 1px высотой.
5.9K
21 февраля 2007 года
DENWER
35 / / 10.07.2005
Цитата: skywalker
решается, если убрать дочернему:
 
Код:
border: 1px solid gray;

кстати, Firefox работает правильно, это IE и Opera глючат, если есть пренципиальная задача выводить границу, то можно выводить фоном картинку в 1px высотой.



Спасибо. Помогло. Только ещё вопрос образовался. При добавлении текста
к дочернему, текст так же выходит за границы. Может это происходит из-за размера шрифта?.Например В IE текст растягивает элемент к которому он принадлежит. Как добиться такого же эффекта в FF?

352
21 февраля 2007 года
skywalker
694 / / 10.02.2006
Цитата: DENWER
Спасибо. Помогло. Только ещё вопрос образовался. При добавлении текста
к дочернему, текст так же выходит за границы. Может это происходит из-за размера шрифта?.Например В IE текст растягивает элемент к которому он принадлежит. Как добиться такого же эффекта в FF?


 
Код:
overflow-x: hidden;
352
21 февраля 2007 года
skywalker
694 / / 10.02.2006
Цитата: DENWER
Спасибо. Помогло. Только ещё вопрос образовался. При добавлении текста
к дочернему, текст так же выходит за границы. Может это происходит из-за размера шрифта?.Например В IE текст растягивает элемент к которому он принадлежит. Как добиться такого же эффекта в FF?


попробуйте для дочернего и родительского:

 
Код:
display:table;
5.9K
21 февраля 2007 года
DENWER
35 / / 10.07.2005
Цитата: skywalker
попробуйте для дочернего и родительского:
 
Код:
display:table;



Спасибо Огромное. В FF всё работает прекрасно. Правда Ишак ругаеться, но эту проблему я решил.

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог