Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> позиционирование как павильно это делать 
:(
    Опции темы
supervladislav
Дата 17.1.2009, 03:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9



Извеняюсь,может мой вопрос не  столь явно отображает суть,но всёже подскажите если позиционировать все элементы как relative при этом существует заглавный див который определяет ширину экрана для всех остальных дивов ,тоесть в него вложены дивы ,остальные  дивы ,которые в нём будут распологаться будут позиционироваться от предыдущего эллемента див так ?
А вот теперь вопрос второй ,они так будут распологаться ,когда див вложен в див или или когда не вложен,и разница основная какая ,я имею ввиду с точки позиционирования.
У меня есть код ,мне нужно разместить вверху картинку ,потом полосу залитого градиента ,а ниже идут два меню ,слева и справа ,первое меню я отпозиционировал ,но второе меню ,оно не хочет лезть вверх в опере ,в остальных браузерах нормально.
Позиционирование происходит с помощью relative ,первое меню встало ,но второе лезет как-бы ниже первого ,насколько я понимаю ,когда используется  relative позиционирование происходит от родительского эллемента тоесть дива main или я неправ
Код

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<div id="gerb"></div>

<div id="main">
<div id="logo"><img src="img/logo.jpg"  border="0" width="100%"/></div>
<div id="polosaverh"></div>
<div id="menulevo">
<div id="menlev1"></div>
<div id="seredmenu"></div>
<div id="menuniz"></div>
</div>
<div id="mainmenu">
<div  id="mainmenulevover"></div>
<div id="mainmenusered"></div>
<div id="pravomenuverh"></div>
<div id="seredmainmenu"></div>
</div>
</div>
</body>
</html>





Код

body{
margin:0px;
padding:0px;
color:#417e96;
background-image:url(../img/zad.jpg);background-repeat:repeat-x;width:100%;height:5px;
}
#main,#logo,#polosaverh{margin:0px;padding:0px;}


#main{position:relative;top:0px;left:0%;right:0%;width:100%;height:100%;}
#logo{position:relative;top:0px;left:0px;right:0px;}
#polosaverh{position:relative;top:0px;right:0px;left:0px; background-image:url(../img/verhpolosa.jpg);background-repeat:repeat-x;width:100%;height:80px;}

#menulevo{position:relative;top:40px;left:40px;width:272px;height:100%;}
#menlev1{background-image:url(../img/verhmenu.png);background-repeat:no-repeat;width:272px;height:50px;padding:0px;margin:0px;}
#seredmenu{background-image:url(../img/seredmen.png);background-repeat:repeat-y;width:269px;height:500px;padding:0px;margin-top:-1px;}
#menuniz{background-image:url(../img/nizmenu1.png);background-repeat:no-repeat;width:269px;height:42px;padding:0px;margin:0px;}
#mainmenu{position:relative;right:-30%;top:-70%;width:781px;border:#003333 dashed 1px;height:600px;}
#mainmenulevover{background-image:url(../img/mainmenupravoverh.png);background-repeat:no-repeat;width:55px;height:50px;float:left;}
#mainmenusered{background-image:url(../img/mainmenusered.png);background-repeat:repeat-x;width:80%;height:50px;float:left;}
#pravomenuverh{background-image:url(../img/mainmenupravo.png);background-repeat:no-repeat;width:33px;height:50px;float:left;}
#seredmainmenu{background-image:url(../img/mainmenusered.png);background-repeat:repeat-y;width:781px;height:100%;}


PM MAIL   Вверх
ShurikA
Дата 17.1.2009, 04:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Зануда
***


Профиль
Группа: Завсегдатай
Сообщений: 1364
Регистрация: 29.10.2005
Где: Канада

Репутация: нет
Всего: 3



Цитата

  An element with position: relative moves an element relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position


Говорит о том что, так как у каждого элемента так или иначе существует дефолтовая позиция, то, если нхего дрогого не указанно, position: relative указувает на координаты относительно этого дефолта smile


--------------------
Если долго мучиться, что нибудь получится...
user posted image
PM MAIL WWW ICQ Skype   Вверх
supervladislav
Дата 17.1.2009, 04:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9



не понял

Добавлено через 2 минуты и 56 секунд
но у меня там значения присудствуют 
PM MAIL   Вверх
supervladislav
Дата 17.1.2009, 05:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9



как мне отпозиционировать эллемент #mainmenu  ,при положении relative он встаёт  с залезанимем на соседний слой  в опере находящийся слева,подскажите как этого избежать код приводил вам выше  

Это сообщение отредактировал(а) supervladislav - 17.1.2009, 08:16
PM MAIL   Вверх
supervladislav
Дата 17.1.2009, 07:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


///\\\///\\\///\\\
***


Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9



скажите как лучше когда определённый слой задаёт позиционирование относительно браузера ,а остальные позиционируются по нему или когда каждый слой идёт какбы отдельно ,я просто запутался )))как вы счетаите моя структура слоёв приемлима для моей задачи ,задача написана выше 
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0666 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.