Помощник
|
div (блок) |
Egorrr
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
28.3.2008, 17:18;
Ответить: Webmaster_hb
Сообщение
#2
|
|
Egorrr, не пользуйтесь визуальными средствами...
слой ничем не отличается от блока, т.к. нету четких определений ни того ни другого, может в отдельных программах их так называют в других по другому, все равно это всё реализуется через теги <DIV> |
|
|
Egorrr
|
Сообщение
#3
|
|
Egorrr, не пользуйтесь визуальными средствами... я не профессионал чтобы в коде все писать... :P Просто запутался с позицией слоев на странице - когда использовал таблицу для разметки страницы, там все наглядно, но недостаток - есть связь между всеми ячейками, что не очень удобно... слои более гибкие (можно свободно задать позицию и размер), но при просмотре на разных разрешениях монитора все смещается (нет центровки). Если отключить положение слоя на странице (чтобы страница выглядела прилично независимо от разрешения монитора) то в этом случае уже во всю работает обтекание - слой прилипает либо к левому, либо к правому краю страницы... еще хуже чем с таблицами... можно вручную прописать размеры слоя в % в коде или свойствах слоя, но после каждого изменения размеров слоя они опять сбиваются в пиксели... Таблицы сейчас желания использовать нет. Cайт делал на таблицах, и сейчас хочу вместо таблиц использовать слои... Но не получается их разместить на странице так, чтобы все выглядело одинаково - независимо от разрешения монитора. Есть в свойствах слоя относительное положение - но оно не работает... Или я не то делаю... |
|
|
Webmaster_hb |
28.3.2008, 19:25;
Ответить: Webmaster_hb
Сообщение
#4
|
|
Egorrr, очень сложно сделать на слоях то что хочешь, а тем более чтобы одинаково было в разных браузерах
|
|
|
Egorrr
|
Сообщение
#5
|
|
т.е. так и использовать таблицы? это очень не удобно...
|
|
|
Webmaster_hb |
28.3.2008, 19:47;
Ответить: Webmaster_hb
Сообщение
#6
|
|
Egorrr, выбор за вами, просто я, например никогда не пользуюсь визуальными средствами и посоветовать соответсвенно в них не могу
|
|
|
rooslan |
29.3.2008, 2:28;
Ответить: rooslan
Сообщение
#7
|
|
Egorrr, очень сложно сделать на слоях то что хочешь, а тем более чтобы одинаково было в разных браузерах Эх, вечный вопрос =) Я для себя определил: Делать основу из таблицы а все остальное размещать дивами. Например так: Размечаю страницу на три колонки и три строки таблицей, а все что будет касаться логотипа, менюшек, контента и т.д. — верстаю блоками, напимер лого разместить очень удобно дивом с абсолютным позиционированием. А если надо масштабировать расположение объектов, при «резиновой» верстке то просто указывайте отступы от края окна в процентах (margin-left: 20% или, если слой с абсолютным позиционированием — просто left:20%) и всего то делов. А чтобы этот блок не заходил на другие, нужно с помощью expression указать максимальную ширину страницы). Очень удобно и максимально гибко. :goodpost: |
|
|
Exterior |
29.3.2008, 10:54;
Ответить: Exterior
Сообщение
#8
|
|
напимер лого разместить очень удобно дивом с абсолютным позиционированием не всегда это удобно и правильно, т.к. при вложенности блоков, особенно большой, часто вылезают за границы родительских элементов, гораздо удобнее при построении сайта с резиновой версткой использовать относительное позиционирование. |
|
|
rooslan |
29.3.2008, 12:44;
Ответить: rooslan
Сообщение
#9
|
|
не всегда это удобно и правильно, т.к. при вложенности блоков, особенно большой, часто вылезают за границы родительских элементов, гораздо удобнее при построении сайта с резиновой версткой использовать относительное позиционирование. Ну все зависит от сложности дизайна... :) |
|
|
SAMarchicect |
13.3.2009, 12:02;
Ответить: SAMarchicect
Сообщение
#10
|
|
|
Здравствуйте.
Подскажите, как исправить код, что бы получить макет из трех горизонтальных графов: центральный - "резиновый", нижний -с фиксированным размером и привязкой к нижней границе браузерного окна, т.е. макет не должен выходить за края браузера, но и при уменьшении размеров его окна должны быть видимы все графы. Зарание спасибо CSS: #main { width: 100%; height: 100%; } #container_1 { height: 100%; float: top; margin-bottom: -150px; } #container_2 { margin-bottom: 150px; } #header { height: 20px; } #center { background: #FDF8E7; overflow: auto; } #footer { height: 150px; background: #D7C8B6; overflow: auto; } Html: <html> <head> <link rel="stylesheet" type="text/css" href="style/style3.css" /> </head> <body> <div id="container_1"> <div id="container_2"> <div id="header">Граф №1</div> <div id="center">Граф №2пикча 2000х2000 px</div> </div> </div> <div id="footer">Граф №3</div> </body> </html>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1604 | 14.1.2023, 1:16 автор: xweb |
|
Как скрыть блок в приложении на Android | 0 | Вито_052 | 1094 | 15.12.2019, 12:37 автор: Вито_052 |
|
Появляющийся блок | 0 | sergei_burg | 2219 | 1.6.2019, 13:39 автор: -sergei1980- |
|
Перенести блок FAQ с сайта Верстка |
3 | Gera | 2556 | 13.12.2018, 15:40 автор: mmkulikov |
|
Куплю места на мордочках, под сквозные ссылочки под блок сквозных ссылок. тематика: СМИ,Туризм,Медицина |
4 | SeoGanik | 9633 | 18.2.2017, 12:33 автор: SeoGanik |
Текстовая версия | Сейчас: 25.4.2024, 19:37 |