Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разметка ul в IE / 14 сообщений из 14, страница 1 из 1
13.08.2013, 17:29
    #38365131
Pavluha
Pavluha
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
Вот такой 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:34
    #38365140
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
Разметку угадать со скольки раз можно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.08.2013, 17:37
    #38365146
Pavluha
Pavluha
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
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:57
    #38365162
Gustly
Gustly
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
Pavluha,

А что это у вас за ссылки такие странные? @Url.Action(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.08.2013, 18:02
    #38365170
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
PavluhaНо в IE высота не увеличиваетсяВообще-то она равна нулю во всех браузерах. Ищи другую причину.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.08.2013, 18:03
    #38365172
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
GustlyPavluha,

А что это у вас за ссылки такие странные? @Url.Action(Это серверная разметка ASP.NET.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.08.2013, 18:07
    #38365176
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
Pavluha,

на всякий случай хорошая статья про ul - li
Загадочные отступы между инлайн-элементами
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.08.2013, 15:08
    #38366290
Pavluha
Pavluha
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
Все перепробовал.... :-(

В ИЕ упорно последний элемент переходит на др строку и его не видно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.08.2013, 16:19
    #38366438
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
PavluhaВсе перепробовал.... :-(
Не все.
Ты так и не сделал нормальный ХТМЛ пример... Т.ч. даже пробовать/показать не на чем...
Лентяй одним словом...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.08.2013, 16:25
    #38366458
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
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:45
    #38366494
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
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, 17:42
    #38366603
Pavluha
Pavluha
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
krvsa,

Код: 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.
<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:46
    #38366607
Pavluha
Pavluha
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
Беру слова обратно.... ))
Забыл убрать фикс высоту :-[
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.08.2013, 08:36
    #38367035
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Разметка ul в IE
PavluhaСпасибо за примеры, но ни один из предложенных вариантов не работает. (
Ну вот что за брехня!
Я-то их смотрел в ИЕ8... Плюс Опера... Именно мои примеры работают. А вот что у тебя я х/з...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Разметка ul в IE / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 324ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1448006]:
 0ms
get settings:
 6ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 63ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 30ms
get tp. blocked users:
 1ms
others: 196ms
total:  324ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]