zetaap

Ну вот у меня то меню в ИЕ тоже работает а моя версия не работает =( , я вот и прошу проверить кого нить кто в этом профессионально разбирается. Может где то что то поменять нужно?

Помогите разобраться , менюшка не работает в IE воще ни как, в Опере и ФФ вс? отлично. Помогите найти и исправить ошибку. Делал по инструкции вот от сюда http://www.webmascon.com/topics/coding/42a.asp Html: <div id="menu" class="col1_bl_cont"> <ul id="nav"> <li><a href="#">Новости</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Спонсоры</a> <ul> <li><a href="#">Платит</a></li> <li><a href="#">На проверке</a></li> <li><a href="#">Не платит</a></li> </ul> </li> <li><a href="#">Категория 2</a></li> <li><a href="#">Категория 3</a></li> <li><a href="#">Категория 4</a> </li> </ul> </div> CSS: /* === menu === */ #menu { vertical-align:middle!important; font:12px Tahoma, Verdana; cursor:hand; } #menu ul { margin: 0; padding: 0; list-style: none; width: 175px; } #menu li { cursor: hand; height: 18px; padding: 4px; position: relative; background: url(../images/mb.gif) bottom repeat-x; list-style-type: none; } #menu li div { cursor:hand; } #menu li a { display: block; background: #fff; text-decoration:none; } #menu li a:hover { text-decoration: underline; } #menu li ul { position: absolute; left: 175px; background: #fff; border: 1px solid #ccc; border-bottom: 1px solid #ccc; top: 0; display: none; } /* Fix IE. Hide from IE Mac */ * html #menu ul li { float: left; height: 1%; } * html #menu ul li a { height: 1%; } /* End */ #menu li a:hover { background: #f9f9f9; } #menu li:hover ul, li.over ul { display: block; } JS // JavaScript Document startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList; Заранее всех благадарю за помошь.

Долгими поисками по рунету, наш?л способ , выкладываю может кого тоже заинтересует: var prefsLoaded = false; var defaultFontSize = 81.3; var currentFontSize = defaultFontSize; function revertStyles(){ currentFontSize = defaultFontSize; changeFontSize(0); } function toggleColors(){ if(currentStyle == "White"){ setColor("Black"); }else{ setColor("White"); } } function changeFontSize(sizeDifference){ currentFontSize = parseInt(currentFontSize) + parseInt(sizeDifference * 5); if(currentFontSize > 150){ currentFontSize = 150; }else if(currentFontSize < 60){ currentFontSize = 60; } setFontSize(currentFontSize); }; function setFontSize(fontSize){ var stObj = (document.getElementById) ? document.getElementById('content_area') : document.all('content_area'); document.body.style.fontSize = fontSize + '%'; //alert (document.body.style.fontSize); }; function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else expires = ""; document.cookie = name+"="+value+expires+"; path=/"; }; function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; }; window.onload = setUserOptions; function setUserOptions(){ if(!prefsLoaded){ cookie = readCookie("fontSize"); currentFontSize = cookie ? cookie : defaultFontSize; setFontSize(currentFontSize); prefsLoaded = true; } } window.onunload = saveSettings; function saveSettings() { createCookie("fontSize", currentFontSize, 365); } В а вот типа вид ссылки: <a href="#Increase" onclick="changeFontSize(1); return false;">+ Увеличить</a><a href="#Decrease" onclick="changeFontSize(-1); return false;">- Уменьшить</a><a href="#Default" onclick="revertStyles(3); return false;">Обычный шрифт</a>

А есть способ без подгрузки доп стиля , а чисто просто на js ....

А можно по подробнее, если есть то пример скрипта, заранее спасибо...

Существует ли какой нибудь способ увеличивать шрифт при нажатии на какуйнить кнопочку, установленную на html страничке. Такое я видел в некоторых шаблонах для Joomla . Помогите реализовать такой способ, плизз... В IE 6 чтоб 100% работал... P.S Увеличение через настройки браузера не предлагать....

Так... Сделал шапку http://www.zetaap.by.ru Вот код: <body> <div id="header"> <div id="panelm"><div id="panel"><div id="panel2"></div></div></div> <div id="logo"><div align="center"><img src="images/logo.gif" width="323" height="99"/></div></div> <div id="boy"></div> </div> <div id="container"> <div id="nav"> Левая колонка </div> <div id="content"> Контент </div> </div> <div id="sidebar"> Правая колонка </div> <div id="footer"> Футер </div> </body> И CSS body { margin: 0px; background:#FFFFFF; background-image: url(images/bg.jpg); background-repeat: repeat-x; } /* Шапка сайта */ #header { background-image:url(images/bg1.jpg); background-repeat:no-repeat; background-position:left top; pading: 15px 0px 15px 10px; font-size: 16px; color:#000000; height: 387px; min-width: 740px; } /* Верхняя панелька */ #panelm { margin-left: 145px; margin-right: 145px; background-image:url(images/panelbg.jpg); min-width: 660px; } #panel { background: url(images/panelleft.jpg) left top no-repeat; } #panel2 { background: url(images/panelright.jpg) right top no-repeat; } #panelm, #panel, #panel2 { height: 71px; } #logo { margin: 75px 330px 75px 360px; } #boy { margin: -257px 50px 0px 650px; height: 277px; width: 244px; background: url(images/boy.gif); float: right; } /* Контент */ #container { float:left; width:100%; margin:10px -220px 10px 0; } #nav { float:left; width:200px; } * HTML #nav { width:200px; width:200px; } #content { margin:0 210px 0 210px; } #sidebar { float:right; width:200px; margin-top:10px; } * HTML #sidebar { width:200px; width:200px; } #footer { clear:both; height:1%; }

http://zetaap.by.ru/school.html сюда залил... И ещ? в догонку , почему то в опере и в файр фокс высота 100% не пашет (центральный слой) .

Вобщем возникла проблемка с непонятным отступом от правой колонки вот код: <body> <div id="page-all"> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" width="323" height="99"/></div> </div> <div id="boy"><img src="images/boy.gif" width="244" height="280" /></div> </div> <div id="bgleftcol"><div id="leftcol"><div id="leftcolbor"><div id="leftcolbor2"><div id="leftcolbor3"><div id="lefttext"><div id="title1"><div id="title1-text">Навигация</div></div>44 <div id="title1"> <div id="title2-text">Краткие новости </div> </div> </div> </div></div></div></div></div> <div id="container"> <div id="bgrightcol"><div id="rightcol"><div id="rightcolbor"><div id="rightcolbor2"><div id="rightcolbor3"> <div id="righttext"><div id="title3"><div id="title3-text">Навигация</div></div> </div></div></div></div></div></div> <div id="content"><div id="leftcenter"><div id="centercolbor2"><div id="rightcenter"><div id="centercolbor"><div id="centercolbor3"><div id="centercolbor4"> <div id="contenttext"> основной текст</div> </div></div></div></div></div></div> </div></div> </div> <div id="page-empty"></div> <div id="bottom">низ</div> </body> Вот style.css /* CSS style */ html { height:100%; } body { background-image: url(images/bg.jpg); background-repeat: repeat-x; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; height:100%; } img {margin:0; padding:0; border-width:0;} #page-all {min-height: 100%;} * html #page-all {height: 100%;} #container { margin-left: 210px; border-right: 200px; min-width: 740px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 740? "740px": "auto"); } /* Шапка */ #top { background-image:url(images/bg1.jpg); background-repeat:no-repeat; background-position:left top; pading: 15px 0px 15px 10px; font-size: 16px; color:#000000; height: 387px; min-width: 740px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 740? "740px": "auto"); } #panelm { margin-left: 145px; margin-right: 145px; background-image:url(images/panelbg.jpg); min-width: 660px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 660? "660px": "auto"); } #panel { background: url(images/panelleft.jpg) left top no-repeat; } #panel2 { background: url(images/panelright.jpg) right top no-repeat; } #panelm, #panel, #panel2 { height: 71px; } #logo { margin-left: 330px; margin-top: 75px; margin-bottom: 75px; margin-right: 360px; } #boy { float: right; margin-right: 50px; margin-top: -270px; margin-left: 630px; } /* Левая колонка */ #bgleftcol, #leftcol, #leftcolbor, #leftcolbor2, #leftcolbor3, #lefttext { width: 200px; float: left; } #bgleftcol { margin-top: -60px; background: url(images/cborbg.jpg) repeat-x top #FFFFFF; } * html #bgleftcol { margin-top: -75px; } #leftcol { background: url(images/cborl.jpg) right repeat-y; } #leftcolbor { background: url(images/cborleft.jpg) left top no-repeat; } #leftcolbor2 { background: url(images/cborright.jpg) right top no-repeat; } #leftcolbor3 { background: url(images/cborl2.jpg) right bottom no-repeat; } /* Текст в левой колонке (меню) */ #lefttext { padding-top: 30px; padding-left: 9px; padding-right: 13px; } * html #lefttext { width: 178px; } /* Навигация */ #title1 { width: 178px; height: 40px; background: url(images/line1.gif) bottom repeat-x; } #title1-text { width: 178px; height: 40px; padding-left: 45px; background: url(images/menu.jpg) left bottom no-repeat; } * html #title1-text { width: 133px; } #title2-text { width: 178px; height: 40px; padding-top: 3px; padding-left: 45px; background: url(images/shortnews.jpg) left top no-repeat; } * html #title2-text { width: 133px; } /* Центральная колонка (контент) */ #content, #contenttext, #leftcenter, #rightcenter, #centercolbor, #centercolbor2, #centercolbor3, #centercolbor4 { min-height:350px; height: expression((document.documentElement.clientheight || document.body.clientheight) < 350? "350px": "auto"); } #content { margin-top: -50px; margin-right: 210px; background: url(images/cborbg.jpg) repeat-x top #FFFFFF; min-width: 460px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 460? "460px": "auto"); } * html #content { margin-top: -65px; } #contenttext { padding: 20px; height: 50%; } #leftcenter { background: url(images/cborl.jpg) right repeat-y; } #rightcenter { background: url(images/cborr.jpg) left repeat-y; } #centercolbor { background: url(images/cborleft3.jpg) left top no-repeat; } #centercolbor2 { background: url(images/cborright.jpg) right top no-repeat; } #centercolbor3 { background: url(images/cborl3.jpg) left bottom no-repeat; } #centercolbor4 { background: url(images/cborr3.jpg) right bottom no-repeat; } /* Правая колонка */ #bgrightcol, #rightcol, #rightcolbor, #rightcolbor2, #rightcolbor3 { width: 200px; float: right; } #bgrightcol { margin-top: -60px; background: url(images/cborbg.jpg) repeat-x top #FFFFFF; } * html #bgrightcol { margin-top: -75px; } #rightcol { background: url(images/cborr.jpg) left repeat-y; } #rightcolbor { background: url(images/cborleft2.jpg) left top no-repeat; } #rightcolbor2 { background: url(images/cborright2.jpg) right top no-repeat; } #rightcolbor3 { background: url(images/cborr2.jpg) left bottom no-repeat; } /* Текст в правой колонке колонке (меню) */ #righttext { padding-top: 30px; padding-left: 9px; padding-right: 13px; width: 200px; } * html #righttext { width: 178px; } #title3 { width: 178px; height: 40px; background: url(images/line1.gif) bottom repeat-x; } #title3-text { width: 178px; height: 40px; padding-left: 45px; background: url(images/login.jpg) left bottom no-repeat; } * html #title3-text { width: 138px; } /* Подвал */ #page-empty {clear: both;} #bottom { padding: 5px; height: 58px; background: url(images/bottom.jpg) top repeat-x; min-width: 740px; } Проблема в том что когда в правую колонку вставляешь слой и вложенные в него слои, то почему то справа появляется отступ тем самы появляется горизонтальная полоса прокрутки.Можно это как нить поправить? Помогите пожалуйста... P.S в IE 6 норм, в FireFox и Opera проблема....

Ч? то проверил, нифига в Файр фоксе не тянется вниз в опере тоже. Только в ИЕ работает...

Здравствуйте , подскажите пожалуйста почему при сужении окна ИЕ 6 именно центральная колонка (слой content) и верхняя планка (слой panelm) сужаются до минимум хотя стоят ограничения для ИЕ 6 : width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 660? "660px": "auto"); - для panelm и width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 460? "460px": "auto"); - для content Вот код <body> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" width="328" height="105"/></div> </div> <div id="boy"><img src="images/boy.gif" width="244" height="280" /></div> </div> <div id="bgleftcol"><div id="leftcol"><div id="leftcolbor"><div id="leftcolbor2"><div id="leftcolbor3">левая колонка </div></div></div></div></div> <div id="container"> <div id="bgrightcol"><div id="rightcol"><div id="rightcolbor"><div id="rightcolbor2"><div id="rightcolbor3"> правая колонка </div></div></div></div></div> <div id="content"><div id="leftcenter"><div id="centercolbor2"><div id="rightcenter"><div id="centercolbor"><div id="centercolbor3"><div id="centercolbor4"> <div id="contenttext"> <p>основной текст</p> </div></div></div></div></div></div></div> </div></div> <div id="bottom">низ</div> </body> /* CSS style */ body { background-image: url(images/bg.jpg); background-repeat: repeat-x; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } #container { margin-left: 210px; border-right: 200px; min-width: 740px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 740? "740px": "auto"); } /* Шапка */ #top { background-image:url(images/bg1.jpg); background-repeat:no-repeat; background-position:left top; pading: 15px 0px 15px 10px; font-size: 16px; color:#000000; height: 387px; min-width: 740px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 740? "740px": "auto"); } #panelm { margin-left: 145px; margin-right: 145px; background-image:url(images/panelbg.jpg); min-width: 660px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 660? "660px": "auto"); } #panel { background: url(images/panelleft.jpg) left top no-repeat; } #panel2 { background: url(images/panelright.jpg) right top no-repeat; } #panelm, #panel, #panel2 { height: 71px; } #logo { margin-left: 330px; margin-top: 75px; margin-bottom: 75px; margin-right: 360px; } #boy { float: right; margin-right: 50px; margin-top: -270px; margin-left: 630px; } /* Левая колонка */ #bgleftcol, #leftcol, #leftcolbor, #leftcolbor2, #leftcolbor3 { width: 200px; float: left; } #bgleftcol { margin-top: -60px; background: url(images/cborbg.jpg) repeat-x top #FFFFFF; } #leftcol { background: url(images/cborl.jpg) right repeat-y; } #leftcolbor { background: url(images/cborleft.jpg) left top no-repeat; } #leftcolbor2 { background: url(images/cborright.jpg) right top no-repeat; } #leftcolbor3 { background: url(images/cborl2.jpg) right bottom no-repeat; } /* Центральная колонка (контент) */ #content, #contenttext, #leftcenter, #rightcenter, #centercolbor, #centercolbor2, #centercolbor3, #centercolbor4 { height: auto; } #content { margin-top: -50px; margin-right: 210px; background: url(images/cborbg.jpg) repeat-x top #FFFFFF; min-width: 460px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 460? "460px": "auto"); } #contenttext { padding-top: 30px; padding: 15px; } #leftcenter { background: url(images/cborl.jpg) right repeat-y; } #rightcenter { background: url(images/cborr.jpg) left repeat-y; } #centercolbor { background: url(images/cborleft3.jpg) left top no-repeat; } #centercolbor2 { background: url(images/cborright.jpg) right top no-repeat; } #centercolbor3 { background: url(images/cborl3.jpg) left bottom no-repeat; } #centercolbor4 { background: url(images/cborr3.jpg) right bottom no-repeat; } /* Правая колонка */ #bgrightcol, #rightcol, #rightcolbor, #rightcolbor2, #rightcolbor3 { width: 200px; float: right; } #bgrightcol { margin-top: -60px; background: url(images/cborbg.jpg) repeat-x top #FFFFFF; } #rightcol { background: url(images/cborr.jpg) left repeat-y; } #rightcolbor { background: url(images/cborleft2.jpg) left top no-repeat; } #rightcolbor2 { background: url(images/cborright2.jpg) right top no-repeat; } #rightcolbor3 { background: url(images/cborr2.jpg) left bottom no-repeat; } /* Подвал */ #bottom { margin-top: 20px; padding: 5px; }

Проблема решена ... СПС

Кто нибудь знает как можно решить следующую проблему: макет состоит из 3 колонок ( на дивах ) и при сужении окна браузера по горизонтале после появлении полосы прокрутки, слои (колонки) продолжают друг на друга накладываться... Есть ли какое нибудь рациональное решение?