Динамический заголовок высоты в SEO-оптимизированном макете SOC (Source Ordered Content) с использованием только CSS, без Javascript? - PullRequest
Новая
       21

Динамический заголовок высоты в SEO-оптимизированном макете SOC (Source Ordered Content) с использованием только CSS, без Javascript?

1 голос
/ 19 сентября 2010

Я хочу сделать макет, который будет удобен для поисковых систем и быстродействующих браузеров, с контентом, первым в исходном коде.Обычно это выглядит так: 

    <body>
    <div id="content" style="margin-top: 200px;">
    i am content, i go first
    </div>
    <div id="head" style="height: 200px; position: absolute;">
    i am an header that is depressed because my designer things i am not important
    </div>
    </body>

, но мне нужен динамический размер заголовка, который увеличивает высоту содержимого ... это должно быть распространенной проблемой.можно как нибудь решить?есть идеи?

Ответы [ 4 ]

1 голос
/ 19 сентября 2010

Насколько я понимаю, это может быть достигнуто только с помощью таблиц. 

<table>
    <tr>
        <td><!-- empty table cell --></td>
        <td rowspan="2" valign="top">General Content</td>
    </tr>
    <tr>
        <td valign="top">Navigation</td>
    </tr>
</table>
1 голос
/ 19 сентября 2010

Я согласен с @babtek, хотя, я действительно хотел бы ошибаться, потому что это выглядит интересно.

Кроме того, это, вероятно, не то, что вам нужно, но HTML5 имеет "обратное"атрибут для <ol>, который может добиться цели.

1 голос
/ 19 сентября 2010

Я не думаю, что это возможно, используя только CSS. Нужен JavaScript.

0 голосов
/ 19 сентября 2010

Так как вы пометили div с id, имеет больше смысла помещать стили в css.

В любом случае, пробовали ли вы 

height: auto;

Если вы хотите, чтобы высота корректировалась с содержимым, но не превышала 200px, тогда 

min-height: 200px;

должносделать трюк.

...