Резиновость сайта и кроссбраузерность

[margo]

Добрый день.

У меня есть готовый дизаин (вроде простой), но нужно сделать его резиновым. Знаю только способ когда однородная текстура замащивают картинкой (repeat), а в моем случае неоднородная. Посмотреть страницу можно здесь www.design.zs9.ru/svadba.html . Не обращайте плиз внимание на рекламку (это прелести бесплатного хостинга).

Я сделала главную таблицу резиновой (указала размеры в процентах), черный квадрат-это ячейка таблицы тоже в процентах тянется. Недорозумение выходит с горизонтальной картинкой , она должна четко стыковаться с черным квадратом и рамкой таблицы. На том компе на котором делала добилась желаемого с помощью стилей, но если менять разрешение экрана или смотреть на большем мониторе, то получается пространство слева, справа и снизу. Что можно сделать в этом случае? Можно ли заставить картинку увеличиваться ?

И еще один вопрос по тойже горизонтальной картинке. В эксплорере чтобы картинка стыковалась с рамкой таблицы по нижней границе я использовала свойство margin-bottom

<img src="Picture\Portfolio_svadba_mini.jpg" style="margin-bottom:-10px" >

но в опере картинка съехала вниз на 10 пикселей.

Если указать margin-bottom:0px , то в опере все хорошо, а в эксплорере образуется пространство. Каким свойством ее привязать к низу чтоб в обеих браузерах было одинаково?

Edited October 4, 2008 by margo

[Vlad]

Маргарита, у тебя с картинкой проблемы. Надо указывать Picture/Portfolio_svadba_mini.jpg и желательно маленькими буквами все писать.

Возможно поможет такой способ

<div style="position: relative">

<img style="position: absolute; right: 0; bottom: 30px">

</div

Для верхнего слоя задаешь относительное позиционирование, для внутреннего (картинки в данном случае) - абсолютное. Тогда координаты будут отсчитываться от родителя.