[HTML] вопрос про ul и height

zya369



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Create new iProfile</title>

<style type="text/css">

ul { 

    width: 300px; 

    list-style: none;

    margin:0;

    padding:0;

    height: 100%;

    background: white;

}

td

{

	background:gray;

	border: 3px blue solid;

  margin:0;

  padding:0;

  height: 100%;

  vertical-align: bottom;

}

tr

{

  height: 100%;

}

table

{

  height: 100%;

}

div

{

	height: 300px; 

	overflow-y:auto;

}

</style>

</head>

<body>

<div>

<table>

    <tr>

    	<td>

    		<ul>

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		</ul>

    	</td>

    	<td>

    		<ul>

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		<li>bla bla bla</li> 

    		</ul>

    	</td>

    </tr>

</table>

</div>



</body>

</html>

Что сделать, чтоб правый ul занимал всю ячейку, а не непонятную её часть ?

zya369

ЗЫ чего-о аплоад косячит - как скрин закачается - запощу

zya369

скрин

kruzer25

Не понял, что тебе надо.
У меня это отображается так:

kruzer25

А, понял.
Попробуй min-height указать.

dedwowan

А не проще алигн = топ сделать и белый бэкграунд у td, а не у ul?

kruzer25

Это не труъ

dedwowan

ИМХО, наоборот - не тру задавать высоту у UL

sbs-66

Попробуй для начала display: block у ul написать

zya369

у тебя ИЕ какой?

добавил к ul min-height: 100%; - тот же эффект

zya369

нужно именно что ul был максимальный - цвета там чтоб наглядней было что где

sbs-66

Если не поможет, то попробуй ещё overflow: auto или overflow: hidden у него же

zya369

с display: block - вообще весь фон серый становится, а ul по размерам тот же
upd на счет серого наврал - все остается так же
overflow: auto - добавляет скролл в UL - в принципе в целевой задаче мб и поможет

dedwowan

Зафига тебе такой UL?

zya369

в него drag'n'drop работает
а если вниз отскролить, то правый ul не видно и дропать некуда

kruzer25

у тебя ИЕ какой?

Седьмой, разве из скриншота не видно?
Да, у него получше со стилями...

zya369

это был риторический вопрос

kruzer25

МБ тогда легче просто сделать независимые скроллинги у них?
И почему нельзя сделать drag&drop не в ul, а в ячейку?

kruzer25

Почему? UL блочный элемент, что хочу, то и делаю.

dedwowan

Если драг-н-дроп отработал не в область UL добавляй элемент в конец списка.
В чем еще проблема? -)

dedwowan

Потому что UL это контейнер для хранения LI, а не для визуального форматирования.
А делать тебе что-либо никто кроме браузера запретить не может. Это да

dedwowan

Если же говорить только по сути вопроса, то проблема в том, что ни у таблицы, ни у ячейки высота не задана. Т.о. мы получаем попытку height: 100% от элемента с неустановленной высотой.
Это справедливо для IE 6 и ниже... Ну а о том, как к height: 100% у таблицы отнесутся другие браузеры мы все знаем

zya369

я не знаю и знать не хочу

ЗЫ спасибо - скроллинг для Ul'а помог

с ним даже лучше чем я хотел

ЗЗЫ веб-программинг - это ужос

uncle17

это далеко не программинг

zya369

программинг тоже

Оставить комментарий