Бордер

[Sandr]

Всем привет)

У меня 2 проблемы. Надеюсь вы поможете их решить))

1. На картинке в правой стороне обведён пробел между дивами, подскажите, как его заполнить? Чтобы в выделенном месте тоже была рамка.

2. Как сделать, чтобы вместо выделенного на скрине как "текст текст текст текст ..." места начинался текст?

Сам код:

<div class="name">
	<a href="">Игра Жизнь</a>
</div>
<div class="date">
	03:00:00 01.01.1970
</div>
<div class="text">
	Место действия этой игры — «вселенная» — это размеченная на клетки поверхность, безграничная, ограниченная, или замкнутая. В компьютерных реализациях игры чаще всего используют поверхность тора. Каждая клетка на этой поверхности может находиться в двух состояниях: быть живой или быть мёртвой. Клетка
</div>

CSS:

.name {
	border: 2px #505050 solid;
	border-bottom: none;
	border-radius: 6 6 0 0;
}

.date {
	border: 2px #505050 solid;
	border-left: none;
	border-radius: 0 6 6 0;
	display:inline;
}

.text {
	border: 2px #505050 solid;
	border-top: none;
	border-radius: 0 0 6 6;
}

[sigma77]

Sandr,

Да тут, в принципе, и упростить всё можно, при условии, что фон однороден.

http://jsfiddle.net/fainz777/jj9Nw/

[Sandr]

Sandr,

Да тут, в принципе, и упростить всё можно, при условии, что фон однороден.

http://jsfiddle.net/fainz777/jj9Nw/

Спасибо. А как быть, если фон не однороден?

[sigma77]

Спасибо. А как быть, если фон не однороден?

Если фон не однороден, то тут либо использовать свойство background-attachmen: fixed, либо js высчитывать положение фона, либо добавлять еще обертки.

[Sandr]

Спасибо. А как быть, если фон не однороден?

Если фон не однороден, то тут либо использовать свойство background-attachmen: fixed, либо js высчитывать положение фона, либо добавлять еще обертки.

Спасибо.

У меня ещё один вопрос, есть поле <textarea cols=30 rows=1 name="search_word"></textarea> в опере оно отображается так, как нужно, а в ФФ оно слишком высокое, примерно с 2-3 строки. В чём может быть дело? Как это исправить?

Заранее спасибо (блин, почему я + не могу поставить??)

[Justnewone]

Дайте полю класс и через него в CSS задайте высоту и ширину.

[sigma77]

Sandr,

Это старый баг FF

Он всегда добавляет одну строчку к текстарии.

Поправить можно либо скриптом, либо задавать высоту через css.

Стилями.

/* textarea высотой в четыре строчки */
textarea {
    font-size: 12px;
    line-height: 1.3;
    height: 63px;
}

JS

window.onload = function textareaFixFF() {
    var txtar = document.getElementsByTagName('textarea'),
        browser = window.navigator.userAgent;
    if (browser.indexOf('Firefox') !== -1) {
        for (var i = 0; i < txtar.length; i++) {
            txtar[i].rows = txtar[i].rows - 1;
        }
    }
}

Но в данном случае, если нужна одна строка, то лучше использовать <input type="text">

[Sandr]

Спасибо за помощь)