Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Вынести описание наверх

Автор: just_sage 14.5.2008, 00:17

Всем доброго времени суток, спасибо за интерес.

К сути: в наличии полностью табличная резиновая верстка, структура на картинке:

user posted image

Есть ли возможность вынести блок с описанием "Descr" (он вложен в таблицу, которая сама вложена во множество таблиц) наверх в HTML коде ?
То есть выделить его в отдельный div, который в коде будет идти первым (или почти первым, вобщем как можно раньше). Высота "Descr" не фиксированная и определяется контентом.

Была следующая идея:

Использовать z-index. Все кроме блока "Descr" идет назад. Поверх делаем невидимую сетку из div-ов и т.о. позиционируем блок "Decsr" на нужное место. Но возникла проблема: контент из таблички для блока "Descr" убирается => табличка сжимается => места для показа "Descr" не остается.

Есть ли у кого идеи как это можно реализовать ? Заранее спасибо. smile

Автор: bars80080 14.5.2008, 09:20

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

Автор: just_sage 14.5.2008, 10:59

Цитата(bars80080 @ 14.5.2008, 09:20)

Была такая идея, только не смог придумать как синхронизировать высоту "descr" и "descr1". Ведь она не фиксированная и определяется контентом. smile

Автор: bars80080 14.5.2008, 11:14

путь на javascript, с его параметрами offsetHeight и offsetWidth для любого блока

Автор: just_sage 14.5.2008, 14:01

Цитата(bars80080 @ 14.5.2008, 11:14)

путь на javascript, с его параметрами offsetHeight и offsetWidth для любого блока

Thx, но JavaScript точно не подойдет.

А что можно сделать как можно ближе к первоначальному условию, но средствами только CSS ?

Автор: Nett 21.5.2008, 21:12

Попробуй так, блоку Descr добавить стиль

Код


<div style="position: absolute;">

и больше ничего, поставить его можешь в любую ячейку, хоть в самую верхнюю...

После делаешь внутри него как-бы дочерний элемент, допустим бегущую строку

Код


<div style="position: absolute;">
<marquee id="mrq" behavior=scroll direction=left loop=infinite scrollamount="2" scrolldelay="3"> TEST MESSAGE </marquee>

И в таблице стилей прописываешь такую строчку, в ней идут все параметры бегущей строки:

Код


#mrq{position: absolute; top: 11px; left: 260px; width: 370px; font-size:13pt; font-weight:bold;}

Код


top: 11px; left: 260px; корректируешь позицию строки.

И ещё для полной уверенности можно добавить выравнивание в #mrq:

Код


align:center;

или по какому краю тебе нужно.

И должно быть всё сверху, и не куда не деться...

Автор: lukas 22.5.2008, 20:08

Хм, а чем является Content , тоже div-ом ?...

Можно сделать вместо дивов таблицу с 2 строчками (descr и content) ... и не парится... хотя я до конца не понял проблемы....