Конкретный Dreamweaver CSS? - PullRequest
Новая
       3

Конкретный Dreamweaver CSS?

2 голосов
/ 25 сентября 2010

Я использую довольно простой вертикальный макет страницы в CSS и пытаюсь адаптировать этот макет, чтобы мой клиент мог редактировать страницу с помощью шаблонов в Dreamweaver. Это ... ну, грубо. Я привык делать большую часть этих вещей вручную, но все работает довольно хорошо.

Я использую трюк с минимальной высотой, аналогичный этой странице , чтобы обеспечить приятное расширение содержимого в браузере для более коротких страниц, которые можно просматривать на больших мониторах. Код прекрасно работает во всех браузерах (не поддерживает ничего более старого, чем IE7 для сайта, и другие браузеры в порядке), но Dreamweaver неправильно отображает минимальную высоту.

Мне удалось заставить его работать, используя файл .css, который использует только dreamweaver (он не существует на сервере), что делает его редактируемым в dreamweaver, но если этот файл зафиксирован, волшебство ломается на живом сайте. Это похоже на грязный хак.

Быстрый выход, я полагаю, заключается в следующем: есть ли способ заставить Dreamweaver игнорировать строку CSS или заставить его использовать строку CSS, которая была бы проигнорирована настоящим браузером? Или есть ли способ заставить макет минимальной высоты работать правильно в Dreamweaver?

Код, который я использую для этого, в основном следующий:

Код сайта: 

html, body {
    padding: 0px;
    margin: 0px;        
    height: 100%;
}

body {
    position: relative;
    width: 100%;
    height: 100%;
}

#mainFrame {
    position: relative;
    min-height: 100%;
    width: 980px;
    /*center in parent*/
    margin-left: auto;
    margin-right: auto;     
}

и код, который делает Dreamweaver счастливым: 

html {
    height: 100%;
}
#mainFrame {
    height: 100%;
}

Я где-то читал, что механизм компоновки Dreamweaver основан на механизме рендеринга IE, что, вероятно, объясняет большинство проблем. Я использую CS3, а мой клиент использует CS5, что еще больше усложнит ситуацию, но я уже готов к этому. Если бы кто-нибудь знал о волшебном решении этого вопроса, я был бы очень признателен, поскольку на данный момент я от него отказался.

Спасибо

Ответы [ 3 ]

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

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

0 голосов
/ 21 октября 2010

Я действительно придумал свой собственный ответ на этот вопрос, который является значительным обманом, но он работает. Следующее использовало CSS комментарии, чтобы скрыть (от Dreamweaver) PHP-код, который заставляет сервер выплевывать в основном пустой файл. Условные комментарии почти наверняка являются лучшим способом сделать это, но это все еще интересное решение (я думал), и оно может быть кому-то полезно. 

/* <?php if (false) { ?> */
body { /* some editor-only CSS */ }
/* <?php } ?> */
0 голосов
/ 26 сентября 2010

я знаю, что этот ответ не поможет .... но я лично (никогда) никогда не буду полагаться на WYSIWYG-рендеринг .... Я сам использую DW CS5, но только с представлением кода

...