Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

maxuser · 20.05.2008

Скрины:
в ие7/опере/фф:

в ие6:

Горизонтальное меню в ие6 постоянно вытягивается в вертикальное, манипуляции с выравниванием не помогли

Наши спонсоры

Fanamura · 20.05.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

А код какой?

maxuser · 21.05.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

PHP

Код (PHP):

<?php

// no direct access

defined( '_JEXEC' ) or die( 'Restricted access' );

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>

<jdoc:include type="head" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/system.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/pillmenu.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/hnav.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/background.css" type="text/css" />



</head>

<body id="page_bg" class="width_fmax">

<div class="center" align="center">

<div id="wrapper">

<div id="wrapper_r">

<div id="wrapper_l">

<div id="header">

<div id="header_l">

<div id="header_r">

<div onclick="location.href='http://nicko-forum.ru';" style="cursor: pointer;" id="logo"></div>

</div>

</div>

</div>

</div>

<table cellpadding="0" cellspacing="0" class="menu">

<tr bgcolor="#002980">

<td width="50%" bgcolor="#002980" height="28"> </td>

<td width="50%" bgcolor="#DFE7F8" height="28">

<div id="pillmenu">

<jdoc:include type="modules" name="top" />

</div>

</td>

</tr>

<tr>

<td width="400" height="308" background="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/images/grad_3.jpg">

<img class="spacesbig" src="<?php echo $this->baseurl ?>/images/stories/bg1.jpg" width="398" height="245">

</td>

<td width="400" height="308" background="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/images/grad_3_1.jpg">

<table cellpadding="0" cellspacing="0" width="400" height="308">

<tr>

<td width="400" height="160" align="center" valign="top">

<div class="hnav_m">

<jdoc:include type="modules" name="modules" name="about_top" />

<jdoc:include type="modules" name="modules" name="about_mid" />

<jdoc:include type="modules" name="modules" name="about_bot" />

<jdoc:include type="modules" name="modules" name="project_top" />

<jdoc:include type="modules" name="modules" name="project_mid" />

<jdoc:include type="modules" name="modules" name="project_bot" />

<jdoc:include type="modules" name="modules" name="befit_top" />

<jdoc:include type="modules" name="modules" name="befit_mid" />

<jdoc:include type="modules" name="modules" name="befit_bot" />

<jdoc:include type="modules" name="modules" name="pub_top" />

<jdoc:include type="modules" name="modules" name="pub_mid" />

<jdoc:include type="modules" name="modules" name="pub_bot" />

<jdoc:include type="modules" name="modules" name="contact_top" />

<jdoc:include type="modules" name="modules" name="contact_mid" />

<jdoc:include type="modules" name="modules" name="contact_bot" />

</div>

</td>

</tr>

<tr>

<td width="470" height="" align="center" valign="top">

<jdoc:include type="modules" name="left" />

</td>

</tr>

</table>

</td>

</tr>

</table>

<div class="clr"></div>

<div id="whitebox">

<div id="whitebox_m">

<div id="area">

<jdoc:include type="message" />

<div id="maincolumn_full">

<table class="nopad">

<tr valign="top">

<td>

<jdoc:include type="modules" name="modules" name="pathway" />

<jdoc:include type="component" />

</td>

<td class="newsblock" width="255">

<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#002980">

<tr>

<td height="42" bgcolor="#DFE7F8" valign="middle">

<div class="hnav_b">

<jdoc:include type="modules" name="modules" name="news" />

</div>

</td>

</tr>

<tr>

<td height="74%" bgcolor="#002980">

<jdoc:include type="modules" name="right"/>

</td>

</tr>

<tr>

<td height="21" bgcolor="#DFE7F8"> </td>

</tr>

<tr>

<td height="60" align="center" valign="middle" bgcolor="#002980"> </td>

</tr>

</table>

</td>

</tr>

</table>

</div>

<div class="clr"></div>

</div>

<div class="clr"></div>

</div>

</div>

</div>

<div id="footer">

<div id="footer_r">

<p id="niko">

<a href="http://www.nicko.ru/index.php?mod=forum"><?php echo JText::_('powered by') ?></a>

</p>

<p id="maxuser">

<a href="http://www.nicko.ru/index.php?mod=forum"><?php echo JText::_('designed') ?></a>

</p>

</div>

</div>

</div>

</div>

</body>

</html>

CSS
/*****************************/
/*** Core html setup ***/
/*****************************/

html {
height: 100%;
margin-bottom: 1px;
}

body {

font-family: Helvetica,Arial,sans-serif;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 14px;
color: #333;
}

a:link, a:visited {
text-decoration: none;
font-weight: normal;
}

a:hover {
text-decoration: underline;
font-weight: normal;
}

img{
border: 0 none;
}

img.spacesbig{
vertical-align: middle;
padding-left: 28px;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
padding: 10px 0;
margin-bottom: 1px;
background: #FFFFFF;
}

div.center {
text-align: center;
}

body.width_fmax div#wrapper {
width: 1050px;
}

div#wrapper {
margin-left: auto;
margin-right: auto;
}

div#header_l {
position: relative;
padding-right: 10px;
padding-top: 5px;
}

div#header_r {
height: 75px;
overflow: hidden;
text-align: left;
background: url(../images/grad_1.jpg) 0 0 repeat-x;
}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 298px;
height: 75px;
background: url(../images/nicko_logo.gif) 0 0 no-repeat;
margin-left: 50px;
margin-top: 25px;
}

#whitebox {
margin-left: auto;
margin-right: auto;
background: #fff;
border: 1px solid #002980;
border-bottom: none;
border-top: none;
width: 89.8%;
}

#whitebox div {
text-align: left;
}

#whitebox_m {
background: url(../images/grad_2.jpg) 0 0 repeat-x;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
width: auto;
padding: 1px 8px;
}

#area {
padding: 0;
}

#maincolumn_full {
margin-left: 0;
padding: 0;
width: 100%;
}

table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: auto;
}

table.nopad {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
margin-bottom: 15px;
}

table.nopad td.middle_pad {
width: 20px;
}

td.newsblock{
padding-top: 15px;
}

div#footer{
margin-left: auto;
margin-right: auto;
background: #fff;
width: 90%;
}

div#footer_r {
vertical-align: bottom;
height: 47px;
overflow: hidden;
}

div#footer_r a:link, div#footer_r a:visited {
color: #000;
font-size: 9pt;
text-decoration: underline;
}

table.menu {
border: 1px solid #002980;
border-bottom: none;
border-top: none;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 90%;
}

div.readmore{
float: right;
}

div.readmore a{
font: Verdana;
font-size: 9pt;
color: #88dfff;
text-decoration: none;
}

#pathway {
/* padding: 0px 10px 8px;*/
/* width: auto;*/
margin-top: 5px;
/* margin-right: 250px;*/
text-align: left;
}

span.pathway {
margin: 0 10px;
height: 16px;
line-height: 16px;
overflow: hidden;
font: Verdana;
font-size: 13pt;
color: #fff;
}

div.lgntext {
font: Verdana;
font-size: 10pt;
color: white;
}

div.bantext{
font: Verdana;
font-size: 10pt;
color: black;
}

/* spacers */
.clr {
clear: both;
}

#spacer{
height: 48px;
}

/* Tooltips */
#niko{
margin-top: 14px;
float:left;
padding-left: 25px;

}

#maxuser{
margin-top: 14px;
float:right;
padding-right: 25px;
}

dad1969 · 02.06.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

Та же проблема. К тому же напрочь не работает раскрытие подменю в главном меню в IE6. Может все-таки есть где-то решение таких проблем? Будьте добры, ткните, наверняка где-то есть.

_voland_ · 03.06.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

Ссылку на страничку

dad1969 · 03.06.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

www.lazarevskoye.ru

_voland_ · 03.06.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

Долго разбираться.. кажется IE не видит оформления ul почему-то. Есть возможность использовать другой тип меню? Что исправляли из оригинального шаблона и как там с меню было?

dad1969 · 03.06.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

Другой тип меню использовать не хотелось бы. Шаблон делал сам. Конечно кое что копипэйстил из разных мест, но базового шаблона как такового не было. Может есть где-нибудь подробное описание что не видит 6-й ие и в то же время видит 7-й? Так чтобы можно было разобраться как больше делать не надо.

Добавлено через 33 минуты
А самое интересное что mainmenu иногда все-таки раскрывается! И тогда в подменю рисуются кнопки как должны быть по шаблону. А потом снова перестают раскрываться. Полный бред.

_voland_ · 03.06.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

IE6 сам по себе бред полный... погугли по запросам hasLayout например

antobarto · 04.06.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

Попробуй так:

(в настройках модуля)стиль меню - плоский список

а в css:

Код (CODE):

ul#mainlevel {

float: left;

list-style-type: none;

}

ul#mainlevel li {

float: left;

display: inline;

}

ul#mainlevel li a {

float: left;

padding-left : 1px;

padding-right : 1px;

}

.mainlevel

{

width : 122px;

text-align : center;

}

a.mainlevel:link, a.mainlevel:visited

{

font-size: 16px;

color: Black;

text-decoration : underline;

font-family : Arial, Helvetica, sans-serif;

line-height: 30px;

}

a.mainlevel:hover

{

font-size: 16px;

color: black;

}

a.mainlevel#active_menu {

font-weight : bold;

text-decoration: none;

}

Вот ещё, по теме:
_ttp://joomla-support.ru/thread4311.html

dad1969 · 04.06.2008

Ответ: Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

Все, нашел где животное порылось! Для 6-и надо перед именем тега дописывать

Код (CODE):

*html

Сделал для меню отдельный css где все то же самое только с этой добавкой типа

Код (CODE):

*html ul#mainlevel-nav {

list-style: none;

margin-bottom:0px;

margin-top:0px;

}

Нарыл здесь.

А касаемо нераскрывания подменю - пришлось отключить кеширование. С кешированием происходит полнейший бред. Когда оно раскроется, а когда - нет одному ктулху известно.

Войти или зарегистрироваться

Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

maxuser Недавно здесь

Наши спонсоры

Fanamura Доброта

maxuser Недавно здесь

dad1969 Недавно здесь

_voland_ Местный => Cпециалист <=

dad1969 Недавно здесь

_voland_ Местный => Cпециалист <=

dad1969 Недавно здесь

_voland_ Местный => Cпециалист <=

antobarto Недавно здесь

dad1969 Недавно здесь

Поделиться этой страницей

Войти или зарегистрироваться

Горизонтальное главное меню в ие6 становится вертикальным. Как решить проблему?

maxuser Недавно здесь

Наши спонсоры

Fanamura Доброта

maxuser Недавно здесь

dad1969 Недавно здесь

_voland_ Местный => Cпециалист <=

dad1969 Недавно здесь

_voland_ Местный => Cпециалист <=

dad1969 Недавно здесь

_voland_ Местный => Cпециалист <=

antobarto Недавно здесь

dad1969 Недавно здесь

Поделиться этой страницей

Быстрый поиск