DIV внутри TD, чтобы он выглядел правильно - PullRequest
1 голос
/ 28 января 2010

У меня <table>, сгенерированный из-за кода и теперь столкнулся с проблемой. В одном из TD мне нужно иметь DIV, настроенный с помощью JQuery, чтобы при нажатии на ссылку DIV slideToggles. Теперь мне нужен TD, принадлежащий этому TR, чтобы не расширять TR.

Чтобы решить эту проблему, я использовал старый трюк, который заключается в том, чтобы поместить JQuery DIV в другой окружающий DIV с высотой 1px и сделать так, чтобы TR не расширялся с высотой выдвигающегося DIV.

В IE скользящий DIV частично находится под таблицей, а в Firefox DIV появляется над таблицей, но он прозрачен, текст из данных в таблице показывает через.

Я пытался изменить Z-индекс различными способами, но это бесполезно.

Любой, у кого есть идея или альтернативное решение, которое сработало для них.

HtmlGenericControl containerDiv = new HtmlGenericControl("div");
containerDiv.ID = "containerDiv";
containerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Width, "100%");
containerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Height, "1px");
containerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.ZIndex, "999");
HtmlGenericControl innerDiv = new HtmlGenericControl("div");
innerDiv.ID = System.Guid.NewGuid().ToString() + "_annualDiv";
inner.Style.Add(System.Web.UI.HtmlTextWriterStyle.Width, "100%");
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Height, "300px");
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.ZIndex, "1000");
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.BorderStyle, "solid");
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.BorderColor, "Black");
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.BorderWidth, "1px");
innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.BackgroundColor, "white");
innerDiv.InnerHtml = "Here is a list of links coming later";
conDiv.Controls.Add(innerDiv);

1 Ответ

0 голосов
/ 17 апреля 2010

Примечание: ответьте, чтобы закрыть это

Добавить стиль position: absolute к элементу innerDiv, например:

innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Position, "absolute");
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...