Разметка ul в IE / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

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

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разметка ul в IE

14 сообщений из 14, страница 1 из 1

Разметка ul в IE

#38365131

Pavluha

Гость

Вот такой css используется для разметки меню

Код: css

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}
div.menu ul li
{
  display:inline;
}
div.menu ul li a, div.menu ul li a:visited
{
    border: 1px #4e667d solid;
    color: #dde4ec;
    display:block;
    text-decoration: none;
    white-space: nowrap;
    float:left;
}

Во всех браузерах, если монитор маленький, то несколько меню переходят на другую строку и ul становится выше по высоте. Все кнопки видны. Но в IE высота не увеличивается и часть меню из-за этого не видно. Как исправить разметку, чтобы или меню всегда было в одну линию (Это идеальный вариант) или, как-то заставить IE увеличивать высоту.

...

Рейтинг:

0 / 0

13.08.2013, 17:29

| Ответить | Цитировать | Написать

Разметка ul в IE

#38365140

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

Разметку угадать со скольки раз можно?

...

Рейтинг:

0 / 0

13.08.2013, 17:34

| Ответить | Цитировать | Написать

Разметка ul в IE

#38365146

Pavluha

Гость

Antonariy,

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

<div id="menuBody">
					<div class="menu">
						<ul class="level1">
								<li><a href="@Url.Action("Financial", "Monitoring")"><span>@Html.Resource("Strings, Menu_Cash")</span></a></li>
								<li><a href="@Url.Action("Collection", "Monitoring")"><span>@Html.Resource("Strings, Menu_Notes")</span></a></li>
								<li><a href="@Url.Action("Technical", "Monitoring")"><span>@Html.Resource("Strings, Menu_Technical")</span></a></li>
								<li><a href="@Url.Action("Operations", "Monitoring")"><span>@Html.Resource("Strings, Menu_CDMTransactions")</span></a></li>
								<li><a href="@Url.Action("Index", "Export")"><span>@Html.Resource("Strings, Menu_Export")</span></a></li>
								<li><a href="@Url.Action("List", "User")"><span>@Html.Resource("Strings, Menu_Users")</span></a></li>
								<li><a href="@Url.Action("List", "CDM")"><span>@Html.Resource("Strings, CDM")</span></a></li>
								<li><a href="@Url.Action("Data", "Audit")"><span>@Html.Resource("Strings, Menu_Audit")</span></a></li>
						</ul>
					</div>
				</div>

...

Рейтинг:

0 / 0

13.08.2013, 17:37

| Ответить | Цитировать | Написать

Разметка ul в IE

#38365162

Gustly

Участник

Сообщения: 1 432

Рейтинг: 0 / 0

Pavluha,

А что это у вас за ссылки такие странные? @Url.Action(

...

Рейтинг:

0 / 0

13.08.2013, 17:57

| Ответить | Цитировать | Написать

Разметка ul в IE

#38365170

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

PavluhaНо в IE высота не увеличиваетсяВообще-то она равна нулю во всех браузерах. Ищи другую причину.

...

Рейтинг:

0 / 0

13.08.2013, 18:02

| Ответить | Цитировать | Написать

Разметка ul в IE

#38365172

Antonariy

Участник

Откуда: ☭

Сообщения: 80 221

Рейтинг: 0 / 0

GustlyPavluha,

А что это у вас за ссылки такие странные? @Url.Action(Это серверная разметка ASP.NET.

...

Рейтинг:

0 / 0

13.08.2013, 18:03

| Ответить | Цитировать | Написать

Разметка ul в IE

#38365176

user89

Участник

Сообщения: 2 087

Рейтинг: 0 / 0

Pavluha,

на всякий случай хорошая статья про ul - li
Загадочные отступы между инлайн-элементами

...

Рейтинг:

0 / 0

13.08.2013, 18:07

| Ответить | Цитировать | Написать

Разметка ul в IE

#38366290

Pavluha

Гость

Все перепробовал.... :-(

В ИЕ упорно последний элемент переходит на др строку и его не видно.

...

Рейтинг:

0 / 0

14.08.2013, 15:08

| Ответить | Цитировать | Написать

Разметка ul в IE

#38366438

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

PavluhaВсе перепробовал.... :-(
Не все.
Ты так и не сделал нормальный ХТМЛ пример... Т.ч. даже пробовать/показать не на чем...
Лентяй одним словом...

...

Рейтинг:

0 / 0

14.08.2013, 16:19

| Ответить | Цитировать | Написать

Разметка ul в IE

#38366458

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

PavluhaВо всех браузерах, если монитор маленький, то несколько меню переходят на другую строку и ul становится выше по высоте. Все кнопки видны. Но в IE высота не увеличивается и часть меню из-за этого не видно. Как исправить разметку, чтобы или меню всегда было в одну линию (Это идеальный вариант) или, как-то заставить IE увеличивать высоту.
Вот вариант с увеличением высоты

Код: html

1.
2.
3.

<ul>
...
</ul>

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
div.menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
	overflow: hidden;
	border: 1px solid;
}
div.menu ul li {
  display: inline;
}
div.menu ul li a, 
div.menu ul li a:visited {
    border: 1px #4e667d solid;
    color: #dde4ec;
    display:block;
    text-decoration: none;
    white-space: nowrap;
    float:left;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="menuBody">
	<div class="menu">
		<ul class="level1">
				<li><a href="@Url.Action("Financial", "Monitoring")"><span>@Html.Resource("Strings, Menu_Cash")</span></a></li>
				<li><a href="@Url.Action("Collection", "Monitoring")"><span>@Html.Resource("Strings, Menu_Notes")</span></a></li>
				<li><a href="@Url.Action("Technical", "Monitoring")"><span>@Html.Resource("Strings, Menu_Technical")</span></a></li>
				<li><a href="@Url.Action("Operations", "Monitoring")"><span>@Html.Resource("Strings, Menu_CDMTransactions")</span></a></li>
				<li><a href="@Url.Action("Index", "Export")"><span>@Html.Resource("Strings, Menu_Export")</span></a></li>
				<li><a href="@Url.Action("List", "User")"><span>@Html.Resource("Strings, Menu_Users")</span></a></li>
				<li><a href="@Url.Action("List", "CDM")"><span>@Html.Resource("Strings, CDM")</span></a></li>
				<li><a href="@Url.Action("Data", "Audit")"><span>@Html.Resource("Strings, Menu_Audit")</span></a></li>
		</ul>
	</div>
</div>
</body>
</html>

...

Рейтинг:

0 / 0

14.08.2013, 16:25

| Ответить | Цитировать | Написать

Разметка ul в IE

#38366494

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

PavluhaКак исправить разметку, чтобы или меню всегда было в одну линию (Это идеальный вариант)
Вот вариант в одну линию...

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
    margin: 0px;
    padding: 0px;
}
div.menu ul {
	display: table-cell;
	word-spacing: -10px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
	overflow: hidden;
	white-space: nowrap;
	border: 1px solid red;
}
div.menu ul li {
  display: inline;
}
div.menu ul li a, 
div.menu ul li a:visited {
    border: 1px #4e667d solid;
    color: #dde4ec;
    text-decoration: none;
    white-space: nowrap;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="menuBody">
	<div class="menu">
		<ul class="level1">
			<li><a href="@Url.Action("Financial", "Monitoring")"><span>@Html.Resource("Strings, Menu_Cash")</span></a></li>
			<li><a href="@Url.Action("Collection", "Monitoring")"><span>@Html.Resource("Strings, Menu_Notes")</span></a></li>
			<li><a href="@Url.Action("Technical", "Monitoring")"><span>@Html.Resource("Strings, Menu_Technical")</span></a></li>
			<li><a href="@Url.Action("Operations", "Monitoring")"><span>@Html.Resource("Strings, Menu_CDMTransactions")</span></a></li>
			<li><a href="@Url.Action("Index", "Export")"><span>@Html.Resource("Strings, Menu_Export")</span></a></li>
			<li><a href="@Url.Action("List", "User")"><span>@Html.Resource("Strings, Menu_Users")</span></a></li>
			<li><a href="@Url.Action("List", "CDM")"><span>@Html.Resource("Strings, CDM")</span></a></li>
			<li><a href="@Url.Action("Data", "Audit")"><span>@Html.Resource("Strings, Menu_Audit")</span></a></li>
		</ul>
	</div>
</div>
</body>
</html>

...

Рейтинг:

0 / 0

14.08.2013, 16:45

| Ответить | Цитировать | Написать

Разметка ul в IE

#38366603

Pavluha

Гость

krvsa,

Код: html

<div id="bodycontent">
        <input id="DataUrlRegionAction" type="hidden" value="@Url.Action("SelectedRegionChange", "CDM")" />
        <input id="DataUrlGroupAction" type="hidden" value="@Url.Action("SelectedGroupChange", "CDM")" />
		<table id="mastertbl" cellspacing="0" cellpadding="0" >
		<tr>
			<td class="header" valign="top" style="background-color:#4b6c9e;">
				<div style="margin-left: 20px; font-family:Arial Rounded MT, Arial, Helvetica, sans-serif; font-size:40px; padding: 50px 0 50px 0; position: relative;">
					<div style="position: absolute; right: 5px; top: 2px; font-size: 8pt; font-weight:normal;">
					@if (User.Identity.IsAuthenticated)
					{
						@User.Identity.Name<span>:&nbsp;&nbsp;</span>
                        @Html.ActionLink(Html.Resource("Strings, Account_LogOff"), "LogOff", "Account", null, new { @style = "color:#ffffff; margin-top:20px;" })
                        <span>&nbsp;|&nbsp;</span>
                        @Html.ActionLink(Html.Resource("Strings, Account_Profile"), "Profile", "Account", null, new { @style = "color:#ffffff; margin-top:20px;" })
					}
					</div>
					@Html.ActionLink("CDM Monitoring System", "Index", "Home", null, new { @style = "color:#ffffff; text-decoration:none" })
				</div> 
				@if (Request.IsAuthenticated)
		{	 
				<div id="menuBody">
					<div class="menu">
						<ul class="level1">
								<li><a href="@Url.Action("Financial", "Monitoring")"><span>@Html.Resource("Strings, Menu_Cash")</span></a></li>
								<li><a href="@Url.Action("Collection", "Monitoring")"><span>@Html.Resource("Strings, Menu_Notes")</span></a></li>
								<li><a href="@Url.Action("Technical", "Monitoring")"><span>@Html.Resource("Strings, Menu_Technical")</span></a></li>
								<li><a href="@Url.Action("Operations", "Monitoring")"><span>@Html.Resource("Strings, Menu_CDMTransactions")</span></a></li>
								<li><a href="@Url.Action("Index", "Export")"><span>@Html.Resource("Strings, Menu_Export")</span></a></li>
								<li><a href="@Url.Action("List", "User")"><span>@Html.Resource("Strings, Menu_Users")</span></a></li>
								<li><a href="@Url.Action("List", "CDM")"><span>@Html.Resource("Strings, CDM")</span></a></li>
								<li><a href="@Url.Action("Data", "Audit")"><span>@Html.Resource("Strings, Menu_Audit")</span></a></li>
						</ul>
					</div>
				</div>
		}
			</td>
		</tr>
		<tr>
			<td style="background-color: #ffffff; padding: 20px;" valign="top" >
				@RenderBody()
			</td>
		</tr>
		<tr>
			<td align="center" style="color:#ffffff;">
				<div style="margin:0px; padding: 2px; background-color:#4b6c9e; height:20px;">
					<div style="width: 70%; float:left; text-align:left;">
                        @Html.Resource("Strings, License") @Html.CurrentLicenseCompany() @Html.Resource("Strings, From").ToLower() @Html.CurrentLicenseDate() v.@Html.CurrentVersion()
                    </div>
					<div style="width: 30%; float:left; text-align: right;">©2011-2013 @Html.Resource("Strings, Company")</div>
				</div>
			</td>
		</tr>
		</table>
	</div>

Спасибо за примеры, но ни один из предложенных вариантов не работает. (

...

Рейтинг:

0 / 0

14.08.2013, 17:42

| Ответить | Цитировать | Написать

Разметка ul в IE

#38366607

Pavluha

Гость

Беру слова обратно.... ))
Забыл убрать фикс высоту :-[

...

Рейтинг:

0 / 0

14.08.2013, 17:46

| Ответить | Цитировать | Написать

Разметка ul в IE

#38367035

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

PavluhaСпасибо за примеры, но ни один из предложенных вариантов не работает. (
Ну вот что за брехня!
Я-то их смотрел в ИЕ8... Плюс Опера... Именно мои примеры работают. А вот что у тебя я х/з...

...

Рейтинг:

0 / 0

15.08.2013, 08:36

| Ответить | Цитировать | Написать

14 сообщений из 14, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разметка ul в IE

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=38365176&tid=1448006]:	0ms
get settings:	8ms
get forum list:	17ms
check forum access:	3ms
check topic access:	3ms
track hit:	165ms
get topic data:	14ms
get forum data:	3ms
get page messages:	76ms
get tp. blocked users:	1ms
others:	215ms

total:	505ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы