X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> div (блок)
Egorrr
Egorrr
Topic Starter сообщение 28.3.2008, 15:36; Ответить: Egorrr
Сообщение #1


Чем отличается
<div style="position: absolute; width: 100px; height: 100px; " > </div>
от
<div style=" width: 100px; height: 100px; " > </div>

? Если убрать позицию, то редактор перестает видеть слой - только как *неизвестный* объект...
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 28.3.2008, 17:18; Ответить: Webmaster_hb
Сообщение #2


Egorrr, не пользуйтесь визуальными средствами...

слой ничем не отличается от блока, т.к. нету четких определений ни того ни другого, может в отдельных программах их так называют в других по другому, все равно это всё реализуется через теги <DIV>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Egorrr
Egorrr
Topic Starter сообщение 28.3.2008, 18:54; Ответить: Egorrr
Сообщение #3


(Webmaster_hb @ 28.3.2008, 19:18) *
Egorrr, не пользуйтесь визуальными средствами...


я не профессионал чтобы в коде все писать... :P

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

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

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

Таблицы сейчас желания использовать нет. Cайт делал на таблицах, и сейчас хочу вместо таблиц использовать слои... Но не получается их разместить на странице так, чтобы все выглядело одинаково - независимо от разрешения монитора. Есть в свойствах слоя относительное положение - но оно не работает... Или я не то делаю...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 28.3.2008, 19:25; Ответить: Webmaster_hb
Сообщение #4


Egorrr, очень сложно сделать на слоях то что хочешь, а тем более чтобы одинаково было в разных браузерах
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Egorrr
Egorrr
Topic Starter сообщение 28.3.2008, 19:36; Ответить: Egorrr
Сообщение #5


т.е. так и использовать таблицы? это очень не удобно...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 28.3.2008, 19:47; Ответить: Webmaster_hb
Сообщение #6


Egorrr, выбор за вами, просто я, например никогда не пользуюсь визуальными средствами и посоветовать соответсвенно в них не могу
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rooslan
rooslan
сообщение 29.3.2008, 2:28; Ответить: rooslan
Сообщение #7


(Webmaster_hb @ 28.3.2008, 21:25) *
Egorrr, очень сложно сделать на слоях то что хочешь, а тем более чтобы одинаково было в разных браузерах


Эх, вечный вопрос =)

Я для себя определил: Делать основу из таблицы а все остальное размещать дивами.

Например так:
Размечаю страницу на три колонки и три строки таблицей, а все что будет касаться логотипа, менюшек, контента и т.д. — верстаю блоками, напимер лого разместить очень удобно дивом с абсолютным позиционированием. А если надо масштабировать расположение объектов, при «резиновой» верстке то просто указывайте отступы от края окна в процентах (margin-left: 20% или, если слой с абсолютным позиционированием — просто left:20%) и всего то делов. А чтобы этот блок не заходил на другие, нужно с помощью expression указать максимальную ширину страницы). Очень удобно и максимально гибко. :goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 29.3.2008, 10:54; Ответить: Exterior
Сообщение #8


(rooslan @ 29.3.2008, 04:28) *
напимер лого разместить очень удобно дивом с абсолютным позиционированием

не всегда это удобно и правильно, т.к. при вложенности блоков, особенно большой, часто вылезают за границы родительских элементов, гораздо удобнее при построении сайта с резиновой версткой использовать относительное позиционирование.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rooslan
rooslan
сообщение 29.3.2008, 12:44; Ответить: rooslan
Сообщение #9


(Exterior @ 29.3.2008, 12:54) *
не всегда это удобно и правильно, т.к. при вложенности блоков, особенно большой, часто вылезают за границы родительских элементов, гораздо удобнее при построении сайта с резиновой версткой использовать относительное позиционирование.


Ну все зависит от сложности дизайна... :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SAMarchicect
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>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя 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


 



RSS Текстовая версия Сейчас: 25.4.2024, 19:37
Дизайн