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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> как убрать отступ при блочной вёрстке 
:(
    Опции темы
supervladislav
Дата 19.1.2009, 18:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



понимаите в чём дело а можно сделать так чтобы  при изменении разрешения небыло сдвигов 
PM MAIL   Вверх
Violator
Дата 19.1.2009, 19:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

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



supervladislav, конкретнее, каких именно сдвигов?
PM MAIL   Вверх
supervladislav
Дата 19.1.2009, 19:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



при изменении размера окна браузера правый флоат налезает на левый ,и круглый правый и левый углы сезжают ,можно как то закрепить дивы при условии ,что там плавающая аля резиновая вёрстка ,и чтобы меню стояло закреплённым
PM MAIL   Вверх
Violator
Дата 19.1.2009, 20:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

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



давайте код, что вы там уже наверстали...
PM MAIL   Вверх
supervladislav
Дата 19.1.2009, 22:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Код

<div id="mainmenu">
<div id="n1"></div>
<div id="n2"></div>
<div id="n3"></div>
<div id="nizmenu5"></div>
<div id="mainmenlev2"></div>
</div>





Код

#mainmenu{float:left;width:400px;padding-left:40px;display:inline-block;padding-right:10px; }
#n1{background-image:url(../img/mainmenupravoverh.png);background-repeat:no-repeat;width:55px;height:50px;float:left;padding-left:10px;}
#n2{background-image:url(../img/mainmenusered.png);background-repeat:repeat-x;width:300px;height:50px;float:left;}
#n3{background-image:url(../img/mainmenulevoverh.png);background-repeat:no-repeat;width:44px;height:50px;float:left;}
#nizmenu5{width:90%;clear:both;display:inline-block;}
#mainmenlev2{background-image:url(../img/levomenumain.png);background-repeat:repeat-y;width:16px;height:400px;float:left;}
#mainmenlev3{width:95%; height:400px;float:left;background-color:#d6e9f0;  }
#mainmenle4{background-image:url(../img/pravomenumain.png);background-repeat:repeat-y;height:400px;width:16px;float:left;}


Это сообщение отредактировал(а) supervladislav - 19.1.2009, 23:03

Присоединённый файл ( Кол-во скачиваний: 30 )
Присоединённый файл  screeensave4.png 46,93 Kb
PM MAIL   Вверх
supervladislav
Дата 20.1.2009, 12:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



как сделать так чтобы блок был резиновым и стоял всёвремя посередине ,я сделал  но во всех кроме 6 эксплорера отображается нормально ,но при изменении окна блок сезжает вниз  как это можно исправить 
PM MAIL   Вверх
Violator
Дата 20.1.2009, 12:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

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



что это? smile 
может вам действительно стоит подучить немного теорию
PM MAIL   Вверх
supervladislav
Дата 20.1.2009, 13:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



ну может стоит я немпорю ,я хочу блочную вёрстку освоить так ,как освоил в своё время табличную ,моглибы вы подсказать почему эллемент правый становится ниже левого в 6ие ,как это можно с помощью свойств margin отрегулировать 
PM MAIL   Вверх
supervladislav
Дата 20.1.2009, 13:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



есть приблизительно следущая структура ,оба блока идут на 100% процентов ,как сделать так чтобы правый блок при уменьшении окна браузера несползал вниз ,я над этим бьюсь уже очень долго ,отступы в каждом браузере отображаются по разному ,где-то больше ,где-то меньше ,последнии версии браузеров отображают всё более менее корректно ,Но грёбанный эксплорер 6 ,который у много кого ещё стоит ,при уменьшении окна браузера правый эллемент сползает под левый. 

Код



.er{width:30%;float:left;}
.er1{width:70%;float:left;margin-left:20%;}

PM MAIL   Вверх
Violator
Дата 20.1.2009, 13:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

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



вы говорите о резиновом меню и при этом жестко задаете свойства width и height
посмотрите на свою верстку, например
mainmenu - 400px
n1, n2, n3 - я так понимаю это верх вашего меню, при этом:
n1 - 55px+10px(padding-left)
n2 - 300px
n3 - 44px
учитывайте что padding влияет на ширину(высоту) блока, в данном случае ширина блока n1 будет 65px

Добавлено через 12 минут и 26 секунд
.er{width:30%;float:left;}
.er1{width:70%;float:left;margin-left:20%;}

ну разве трудно почитать свойства?
писАл же уже выше о процентах, если например размер окна у вас 1000px, соответственно ширина блока er будет 300px, а блока er1 - 700px, но при этом вы хотите отодвинуть блок er1 на 20% - на 200px

| er(300px) | margin(200px) | er1(700px) |

как 1200px влезет в размер окна 1000px? потому блок er1 лезет вниз
также вы должны знать о таком баге http://www.positioniseverything.net/explor...led-margin.html
PM MAIL   Вверх
supervladislav
Дата 20.1.2009, 13:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



резиновое меню,так я уже переделала всё вот так теперь всё работатет 


Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Массажный центр ceragem город Гатчина Ленинградская область</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="seredinamenu">
<div id="menulevo">
<div id="menlev1"></div>
<div id="seredmenu"></div>
<div id="menuniz"></div>
</div>

<div id="mainmenu">
<div id="n1"></div>
<div id="n2"></div>
<div id="n3"></div>
<div id="nizmenu5"></div>
<div id="mainmenlev2"></div>
<div id="mainmenlev3"></div>
<div id="mainmenle4"></div>
</div>

</div></div>








</body>
</html>



Код

body{

margin:0px;
padding:0px;
color:#417e96;
background-image:url(../img/zad.jpg);background-repeat:repeat-x;

}
#main,#logo,#polosaverh{margin:0px;padding:0px;}


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

#menulevo{width:160px;float:left;padding-left:20px;}
#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;margin-right:2%;}
#menuniz{background-image:url(../img/nizmenu1.png);background-repeat:no-repeat;width:269px;height:42px;margin-left:0px;margin-right:0px;}
#mainmenu{float:left;width:450px; margin-left:15%;margin-bottom:30px;margin-right:0px;}

#seredinamenu{position:relative;top:20px;left:0px; margin-left:0px;margin-right:0px; width:100%;display:inline-block;}
#mainmenlev1,#mainmenlev1,#mainmenlev1,#mainmenlev1{margin:0px;padding:0px;}

#n1{background-image:url(../img/mainmenupravoverh.png);background-repeat:no-repeat;width:55px;height:50px;float:left;padding-left:0px;}
#n2{background-image:url(../img/mainmenusered.png);background-repeat:repeat-x;width:200px;height:50px;float:left;}
#n3{background-image:url(../img/mainmenulevoverh.png);background-repeat:no-repeat;width:44px;height:50px;float:left;}
#n1,#n2,#n3,{margin-left:0px;margin-right:0px;display:inline;}

#nizmenu5{width:100%;height:90%; clear:both;}
#mainmenlev2{background-image:url(../img/levomenumain.png);background-repeat:repeat-y;width:16px;height:400px;float:left;}
#mainmenlev3{width:90%; height:500px; float:left;background-color:#d6e9f0;  }
#mainmenle4{background-image:url(../img/pravomenumain.png);background-repeat:repeat-y;height:400px;width:16px;float:left;}


Добавлено через 2 минуты и 9 секунд
 Вот это нормально работает везде кроме ие 6 при уменьшении окна вёрстка сползает ,и ещё подскажите ак закрепить эллементы меню так чтобы они отображались как бы едино ,можно такое сделать?
PM MAIL   Вверх
Violator
Дата 20.1.2009, 14:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

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



PM MAIL   Вверх
supervladislav
Дата 20.1.2009, 16:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



ещё можешь подсказать последний вопрос как сделать так чтобы дивы фиксировались и не переносились вниз 
PM MAIL   Вверх
supervladislav
Дата 20.1.2009, 17:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



кстате с флоат позиционирование неработает 
PM MAIL   Вверх
melcheg
Дата 20.1.2009, 20:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 20.1.2009

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



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


 




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


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

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