Позиционирование DIV-ами

[inokentik 45]

Привет всем! Вот пытаюсь разбираться с дивами и их позиционированием, но не совсем получается.. Может кто нибудь подсказать, как сделать правильней?

Вообщем имеется у меня ячейка в табличке, в нее вписаны два дива:

<tr>

<td class="nokia_niz" align="center">

	<div class="yota">

		<div class="wordpad">

		</div>

	</div>

</td>

</tr>

Ячейка высотой например 500 пикслей, рисунок в классе йота 150, а рисунок блокнота 441 и когда я их вставляю и пытаюсь позиционировать друг относительно друга, внизу ячейки появляется белое и пустое место, как я понял это разница расстояний по высоте. То есть ячейка у меня 500, а обе картинки 591 и как раз внизу появляется пустота по высоте 91 пиксель. Как этого избежать? Чтоб не вылезала пустота?! В ИЕ отображается нормально, а вот в мозиле и опере пустота появляется. Вот как прописаны эти два стиля:

.wordpad {background-image:url(../images/wordpad.png); background-repeat:no-repeat; width:706px; height:411px; position:relative; right:-375px; top:-221px;}

.yota {background-image:url(../images/yota.png); background-repeat:no-repeat; width:152px; height:150px; position:relative; right:485px; top:125px;}

Пробывал уже и просто писать

<div class="yota"></div><div class="wordpad"></div>

По всякрму, ну никак не могу вьехать в принцип этихъ дивов... Хелп ми(

[- Den - 32]

А что нужно в итоге? Чтобы ячейка была по высоте этих дивов? Тогда нужно убрать фиксированную высоту у ячейки. Или нужно, чтобы один див был прижат к верху ячейки,а второй к низу? Тогда нужно позиционированием прибивать их к верху и низу. Либо задать ячейчке вертикальное выравнивание по верху или по низу, тогда только один див нужно будет позиционированием выравнивать.

[inokentik 45]

Вот какая картинка творится

А надо вот так

То есть чтоб это полосы белой не было, она только в мозиле появляется((

[- Den - 32]

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

Убирайте фиксированную высоту ячейки 500px или можно сделать так, чтобы картинка нижнего дива обрезалась на 91px.

А лучше покажите живой код, если он есть в сети. Может я опять что-то не понял.

[inokentik 45]

Так если убрать фиксированую высоту, то тогда косяк появляется и в опере сразу) Высота не главный фактор! Код в самом первом посте, сайт еще на локале, точнее шаблон!

[- Den - 32]

Я человек - и то не понимаю, как вы хотите впихнуть 591 в 500, а движок браузера вообще в панике наверное.

Так мало того - у вас еще wordpad имеет высоту 411, а его родитель yota 150, полный караул

[inokentik 45]

В итоге все делается прощу... Каждый элемент вставил отдельно картинкой тэгом <img> и просто его отпозиционировал и прикинь, браузер также как и я в норме)))

[- Den - 32]

Что тут прикидывать, если 2(!!!) раза в одном месте, большие блоки были помещены в меньшие?