2010-01-28 4 views
1

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

Чтобы решить эту проблему, я использовал старый трюк, который должен разместить 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); 
+0

Привет, я решил, установив позицию: абсолютная на innerDiv. –

+0

Пожалуйста, добавьте ответ, содержащий то, что исправить, и принять его :) Он закроет вопрос и поможет любому, кто найдет этот вопрос позже. –

ответ

0

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

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

innerDiv.Style.Add(System.Web.UI.HtmlTextWriterStyle.Position, "absolute"); 
Смежные вопросы