Вложенные дочерние селекторы в CSS

Webr · April 16, 2010

Допустимо ли в CSS записывать так:

table#FrameID>tr>td

?

И как сделать стиль для td, если код генерируется сервером (т.е. я на него повлиять не могу) и только таблица имеет ID ?

sigma77 · April 16, 2010

В принципе допустимо, но в ИЕ6 работать не будет. Проще #FrameID td (при условии, что таблица не содержит других вложенных таблиц)

Edited April 16, 2010 by sigma77

Webr · April 16, 2010

В принципе допустимо, но в ИЕ6 работать не будет. Проще #FrameID td (при условии, что таблица не содержит других вложенных таблиц)

А она как раз содержит. Я пишу override-CSS для Оперы, чтобы в ней нормально показывались репорты из MS Reporting Services.

rus · April 16, 2010

А она как раз содержит.

Тогда как и сказала sigma77 придется делать офигенную вложеность типа:

#FrameID td table td {...} и т.д...

panig · April 16, 2010

#FrameID td table td {...} и т.д...

лучше класс присвоить, по моему

sigma77 · April 16, 2010

лучше класс присвоить, по моему

Лучше, то лучше, но...

И как сделать стиль для td, если код генерируется сервером (т.е. я на него повлиять не могу) и только таблица имеет ID ?

Webr · April 16, 2010

Вот пища для размышлений.

HTML-код, генерируемый сервером такой (не имеющие отношения к делу элементы опущены):

<html>
 <body style="margin: 0px; overflow: auto">
  <form id="ReportViewerForm">
   <table id="ReportViewerControl" style="display:inline-block;height:100%;width:100%;">
	<tr>
		<td>
			Control panel elements
		</td>
	</tr>
	<tr>
		<td style="width:100%;height:100%;">
		<iframe frameborder="0" class="DocMapAndReportFrame" style="width:100%;height:100%;display:inline;">
		</iframe>
	</td>
	</tr>
	</table>
  </form>
 </body>
</html>

Сам репорт показывается в IFRAME.

Как полумера получился такой reportserver.css:

html, body, #ReportViewerForm {height:100%}
#oReportDiv>table, #oReportCell {width:100%} //Это для самого репорта
.DocMapAndReportFrame {min-height:520px; min-width:800px}
#ParametersRowReportViewerControl>td {min-width:800px}

К сожалению, без min-width в пикселях обойтись не удалось, но это лучше, чем ничего.

Я протестил таблицу ReportViewerControl (через border:dotted 1px red). С указанным CSS-файлом у неё ширина и высота всегда 100% от размера страницы. Однако, получить 100% ширины и высоты для вложенных в неё TD и тем более IFRAME не получается. Думаю, это какой-то косяк в Опере.

Webr · April 16, 2010

Как выяснилось, главный косяк в display:inline-block. С ним размер таблицы равен 100%, а размер ячейки в ней не 100%, несмотря на style="width:100%". Но я не могу стереть значение display в пользовательском CSS.

Edited April 16, 2010 by Webr

spdif · April 17, 2010

елать стиль для td, если код генерируется сервером (т.е. я на него повлиять не могу) и только таблица имеет ID ?

Я пишу override-CSS для Оперы, чтобы в ней нормально показывались репорты из MS Reporting Services.

если я правильно вас понял, вы хотите своё собственное представление неких данных с некого удалённого сервера? тогда зачем вам разметка и стили которые генерируется удалённым сервером? по сути нужны только данные! так надо попросту создать документ с нужной вам разметкой описать его стилевые правила и уже к нему тянуть данные с сервера такие как текстовые объекты и поля БД...

а самое интересное это то что, всё необходимое все решения и весь инструментарий для реализации ваших задач, всё уже давно создано!

Совет вам обратитесь к первоисточнику там все ответы!

Sign In

Вложенные дочерние селекторы в CSS

Question

Webr

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

sigma77

Link to comment

Share on other sites

Webr

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

panig

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

Webr

Link to comment

Share on other sites

Webr

Link to comment

Share on other sites

spdif

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information