CSS: Настройте div, подходящий для экрана браузера?

Хорошо, я пытаюсь сделать div подходящим для размера окна браузера. Итак, у меня есть div с высотой: 100%. Это все хорошо и хорошо. Однако это содержит таблицу (в элементе управления ASPX я не могу изменить код и т. Д. И т. Д.), А на многих уровнях есть div с «height: 1869px» (и переполнение: auto и position: relative if это важно). Это приводит к изменению размера таблицы для этой цели, и вся страница заканчивается прокруткой. инструменты IE8 разработчика сообщить мой внешний DIV имеет только высоту 896, но таблица (единственный дочерний элемент этого), содержащиеся непосредственно в имеет высоту 1888.CSS: Настройте div, подходящий для экрана браузера?

Вот основная идея:

<div style="height:100%"> 
    <table><tr><td> 
     <!-- A whole bunch of other stuff the WebPart spits out, including another couple divs --> 
      <div style="height:1869px"> 
    </table></tr></td> 
</div>

(В то время как есть много стилей из классов, как мой height:100% и его height:1869px определены инлайн - и шахта должна быть, потому что в противном случае SharePoint ставит height:400px)

Я не могу ничего ниже внешний DIV меняется (он порожден SharePoint веб-часть), и хотя можно исправить с помощью JavaScrip t hack (найти точный элемент с проблемой и убить это), это не ремонтируемое решение, так как веб-часть может измениться. Спасибо за вашу помощь!

источник

2010-11-17 Robert Fraser

Can вы предоставляете пример разметки, чтобы помочь объяснить? Кроме того, какие из этих свойств CSS исходят из правил CSS и какие из них относятся к атрибуту стиля? –

@LeguRi - обновленный вопрос –

Любопытный: Вы только тестировали на IE8? –

Сначала ты должен понять, что вы хотите, как ваше решение ... если вы хотите, чтобы ограничить внутренние объекты, чтобы быть короче, то вы можете использовать max-height и добавить !important так, что он будет переопределить значение 1869px

источник

2010-11-17 03:24:19 Mikhail

Я не думаю, что использование! Важно всегда хорошая идея; в зависимости от того, откуда берутся разные свойства CSS, у меня будет очень соблазн проголосовать за это. –

@LeguRi -! Important является частью CSS по какой-то причине, выбрасывая его из-за того, что он, как правило, kludgey близок. Вы должны использовать! Важно, когда вам нужно использовать его так же, как и любой другой инструмент. Иногда у вас нет контроля над всем, чтобы вы делали то, что вам нужно сделать, чтобы оно ушло. –

@mu слишком коротко - CSS-специфика также является частью CSS по какой-то причине, и лучше, чем! Important: P, но при условии, что все правила, на которые ссылается OP, находятся в атрибутах стиля! Специфика не будет сокращать его. –

Не помещал overflow: hidden на <div /> работы?

источник

2010-11-17 03:22:17 Domenic

Это просто скрывает нижнюю часть страницы (что на самом деле является самой важной частью, так как мне нужна вторая ячейка таблицы - который содержит навигационные ссылки), чтобы быть видимым. –

Так что ... если вы хотите, чтобы все было на одном экране, что-то должно получиться отрезанным. Полагаю, вы хотите, чтобы стол обрезался? Это не совсем понятно в вашем первоначальном вопросе, но если это так, то дайте ему значение максимальной высоты, как предлагает Михаил ... – Domenic

CSS: Настройте div, подходящий для экрана браузера?

ответ

Смежные вопросы