широкая строка из div на маленьком экране - HTML и CSS

back191 · 05.09.2012, 00:45

Сделал нужную навигацию- в строчку из тегов div. Делал на экране 1600*1200. Открыл страницу на нетбуке 1024*600 и моя строчка разъехалась по вертикали. ширина самой навигации соответственно больше- пиклесей 1300, а как сделать чтобы на маленьких дисплеях появлялась полоса прокрутки?

Код HTML:

<div class="menu"    >
    
<div style="display: padding: 2px 0 0 3px ;  display: inline-block; zoom: 1; *display: inline;   " >
...
</div>
 
<div style="display: padding: 2px 0 0 3px ;  display: inline-block; zoom: 1; *display: inline;   " >
...
</div>
 
</div>
 
 
 
.menu
{
 
text-align: center;
}

Пепел Феникса · 05.09.2012, 01:10

может туплю уже.
но помоему это банально задать ширину/минимальную ширину навигационному блоку(всему)
это у вас div.menu помоему.

back191 · 05.09.2012, 01:41

Я описался, у меня сделано вот так:

Код HTML:

div.menu
{
 width:1300;
text-align: center;
}

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

back191 · 05.09.2012, 01:49

display: block; добавил, заработало. Спасибо.

dann.ftk · 05.09.2012, 02:10

Код:

<html>
<head>
	<title> Hello, world! </title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div id='menu'> Hello, world! Hello, world! Hello, world! Hello, world! Hello, world! </div>
</body>
</html>

Код:

#menu{
	font-size: 1000%;
	width: 1300px;
	display: block;
}

Ципихович Эндрю · 06.09.2012, 10:54

что это display: block обозначает?
тоже проблемы с разными мониторами
залил на http://днсд.рф/
для начала бесит отсутствие карандаша по нажатию на который должна быть форма обратной связи, в мониторе 24" она есть, а у 19" нет
и если на ленточке указать длинный текст, то в 19" он переносится на две строки и естественно таблица где советы опускается ниже
как это лечить?

05.09.2012, 00:45	#1
back191 Пользователь Регистрация: 20.03.2012 Сообщений: 13	широкая строка из div на маленьком экране Сделал нужную навигацию- в строчку из тегов div. Делал на экране 16001200. Открыл страницу на нетбуке 1024600 и моя строчка разъехалась по вертикали. ширина самой навигации соответственно больше- пиклесей 1300, а как сделать чтобы на маленьких дисплеях появлялась полоса прокрутки? Код HTML: <div class="menu" > <div style="display: padding: 2px 0 0 3px ; display: inline-block; zoom: 1; display: inline; " > ... </div> <div style="display: padding: 2px 0 0 3px ; display: inline-block; zoom: 1; display: inline; " > ... </div> </div> .menu { text-align: center; }

05.09.2012, 01:10	#2
Пепел Феникса Старожил Регистрация: 28.01.2009 Сообщений: 21,000	может туплю уже. но помоему это банально задать ширину/минимальную ширину навигационному блоку(всему) это у вас div.menu помоему. Хорошо поставленный вопрос это уже половина ответа. \| Каков вопрос, таков ответ. Программа делает то что написал программист, а не то что он хотел. Функции/утилиты ждут в параметрах то что им надо, а не то что вы хотите.

05.09.2012, 01:41	#3
back191 Пользователь Регистрация: 20.03.2012 Сообщений: 13	Я описался, у меня сделано вот так: Код HTML: div.menu { width:1300; text-align: center; } и все равно на маленьких мониторах часть блоков уходит вниз, полосы прокрутки не появляется. Помогите пожалуйста.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Что нужно делать чтобы высота div зависила то дочурного div?	Duddu	HTML и CSS	2	25.04.2012 21:23
Найдите ошибку в маленьком коде	Crabobass	Помощь студентам	3	07.03.2011 09:41
Найти ошибку в маленьком куске кода	xaero93	Помощь студентам	4	27.01.2011 14:35
div тег как нижний слой для второго div тега	dadli	HTML и CSS	2	30.07.2010 01:12
Позиционирование двух плавающих DIV внутри одного DIV	allocator	HTML и CSS	5	22.07.2009 13:48

05.09.2012, 01:49	#4
back191 Пользователь Регистрация: 20.03.2012 Сообщений: 13	display: block; добавил, заработало. Спасибо.

06.09.2012, 10:54	#6
Ципихович Эндрю Старожил Регистрация: 24.01.2011 Сообщений: 3,043	что это display: block обозначает? тоже проблемы с разными мониторами залил на http://днсд.рф/ для начала бесит отсутствие карандаша по нажатию на который должна быть форма обратной связи, в мониторе 24" она есть, а у 19" нет и если на ленточке указать длинный текст, то в 19" он переносится на две строки и естественно таблица где советы опускается ниже как это лечить?