Mr.Black

Много ошыбок ,как и в IE 6.7 так и в 8.Лучше переверстать нормально.

Распознает - Наладонники, смартфоны, устройства с малой шириной экрана.

http://htmlbook.ru/html/link/media <link type="text/css" rel="stylesheet" media="handheld" href="#" /> Или ищи проблемы в коде.

Не вник в суть ,но может overflow: auto; поможет.

Подключи стили для мобильних устроиств и настрой как нужно. Дай хотя б скриншот.

Задать блоку: overflow: hidden; height: 1%; ,или шрифт менять.

У меня возникла небольшая проблемка при верстке макета. Нужно сверстать вот такой скрин елемент Когда я верстал <div id="archive" > <div class="mp3title" > <div class="mleft" >» Yolanda Be Cool & Dcup - We No Speak Americano</div> <div class="mcenter" ></div> <div class="mright" >Скачать</div> </div> </div> #archive { margin: 10px 15px; } .mp3title { margin-bottom: 15px; } .mleft { float: left; } .mcenter { background: url('../images/side/polosa.jpg') 0 0px repeat-x; height: 1px; } .mright { float: right; } получается вот так

Немного ошибся ,забыл дописать display: inline-block ,но уже не актуально

hasLayout нужен чтоб в браузерах IE 6,7 работал display-inline

Всех с прошетшим Новым Годом. У меня есть вопрос по Css коду.Что означает * *zoom:1; *display:inline; И у меня есть две ошибки в IE (скрин с хрома) 1) В Ie 8 когда открываеш блок ,а потом закрываеш отступи появляються после того как наведеш мышкой на елемент http://s2.itrash.ru/idb/c614ff145edb562512...zymyannyj_1.png .blockl { position:relative; margin-bottom: 10px; } .bltop{ background: url('../image/bltop.jpg') repeat-x; position:relative; height: 26px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; behavior: url(css/PIE.htc); } .bltop h3 { padding: 5px 12px; font-size: 14px; font-weight: normal; color: #ffffff; } .bltop span { background: url(../image/icomenu.png) no-repeat left bottom; display: block; position: absolute; right: 8px; top: 6px; cursor: pointer; width: 15px; height: 15px; } .active .bltop span { background-position: left top; } .blbottom { background: #faf9f7; margin-bottom: -8px; } .blbottom li { list-style: none; padding: 6px 15px; } .blbottom a { color: #4490a0; font-size: 13px; } .blbottom a:hover { text-decoration: none; } + JavaScript и Html 2) В Ie 6 кнопка плохо отображается (у всех других браузерах нормально) bltop span { background: url(../image/icomenu.png) no-repeat left bottom; display: block; position: absolute; right: 8px; top: 6px; cursor: pointer; width: 15px; height: 15px; } .active .bltop span { background-position: left top; }

Хочу спросить зачем нужен behavior.Я примерно знаю с чем его едят но все таки....

Скинте ссылки в лс (можно и здесь) на ресурси ,где есть много уроком по Html ,css ,js. (например shublog.ru)

Тогда уже будет 2 блока.

Самый лучший способ задать border и outline.

Решил , неактуально...

Держи Есть ищо один вопрос по position: absolute; right: 0px; У меня шапка реализирована с трех картинок ,две репеат одна но-репеат <div id="head" > <div id="headl" ></div> <div id="headr" ></div> <div id="headc" > <a href="/" class="logo" title="Mp3.YouDecide.ru" ></a> <div class="head_banner" ></div> </div> </div> #head { width: 100%; } #headl { background: url('file:///C:/Users/Admin/Desktop/skr/headl.jpg') repeat-x; width: 40%; height: 159px; position: absolute; left: 0px; } #headc { background: url('file:///C:/Users/Admin/Desktop/skr/headc.jpg') no-repeat; margin: 0 auto; width: 1000px; height: 134px; position: relative; padding-top: 25px; } .logo { background: url('file:///C:/Users/Admin/Desktop/skr/logo.png') no-repeat; float: left; width: 371px; height: 115px; margin-left: 3%; } .head_banner { background: url('file:///C:/Users/Admin/Desktop/skr/head_banner.png') no-repeat; float: right; margin-top: 15px; margin-right: 3%; width: 468px; height: 60px; padding: 9px; } #headr { background: url('file:///C:/Users/Admin/Desktop/skr/headr.jpg') repeat-x; width: 40%; height: 159px; position: absolute; right: 1px; border: 1px red solid; } Все нормально ,но когда сворачиваеш окно - http://s2.itrash.ru/idb/d9b1bd5e9b6b1c59af...annyj_1.png.htm

Зачем старие теми поднемать???

Пробовал ,поставил везде ,но не работает...

Здраствуйте ,у меня возникли две ошибки в ИЕ 6 и ИЕ 7 1(ИЕ 6) Появился отступ http://img51.imageshack.us/i/73003882.png/ , он только в ИЕ 6 2.(ИЕ 7) Текст виходит за свою линию - http://img23.imageshack.us/i/67990511.png/ Так отображается в Хром - http://img819.imageshack.us/i/39789456.png/ Где может бить ошибка???

Даний способ работает только если в нем нет изображений или другой фигни (бакграунда и тд)

Спасибо ,проверал на кроусбраузерность все работает

Мне как раз то нужно кроусбраузерно...

Мне было нужно скруглить угли ,в ксс 3 не кроусбраузерно ,картинка там неподходит.Решил использовать jQuery Corner. сделал страницу с блоком и черним бекграундом но скрипт неработает ,в чем проблема http://img401.imageshack.us/img401/2259/14473946.png <!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"> <head> <title>Free</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://www.linkexchanger.su/example_jquery/js/jquery.corner.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#ccc").corner("round"); }); </script> <style type="text/css" > #ccc {width: 400px;height: 155px;background: black;} </style> </head> <body> <script type="text/javascript"> $(document).ready(function(){ $("#ccc").corner("round"); }); </script> <div id="ccc" ></div> </body> </html>

Спрашиваю, есть какой нубуть другой способ????

Подскажите как хорошо сверстать фоотер макета - http://img684.imageshack.us/img684/6060/1111dnm.png Я решил вот так <div id="footer" > <div style="float: left;">11</div> <div style="float: right;" >777</div> <div style="text-align: center;" >132</div> </div> Правильно