-
Posts
11 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by tanaka
-
В ie 6 дочерний блок выходит за границы родительского блока
tanaka replied to tanaka's question in HTML Coding
Да я забыл бы с радостью но что делать если клиент уперто потребует чтобы его сайт отображался как в ie6 так и в ie7? -
Доброго времени суток! В ie 6 дочерний блок выходит за границы родительского блока,как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } #cont1{ zoom:0; } /* *** Float containers fix ***#cont1 { zoom: 1; } */ html,body{ height:100%; min-height:100%; height:auto !important; background-color:#D2F7DF;} #header{ height:100px; width:1000px; background:#D0D0D0; margin:0 auto; } #wrap{ height:100%; min-height:100%; height:auto !important; margin:0 auto; width:1000px; background:#F2F2F2; overflow:hidden; } /*—--вот этот блок выходит за границы————————--*/ #cont1{ background:red; width:100%; float:left; position:relative; right:56%; } #cont2{ background:blue; width:100%; float:left; position:relative; right:22%; } #cont3{ background:#ccc; width:100%; float:left; overflow:hidden; } #col1{ float:left; width:21%; position:relative; left:78%; outline:1px solid #000; overflow:hidden; } #col2{ float:left; width:54%; position:relative; left:80%; outline:1px solid #000; overflow:hidden; } #col3{ float:left; width:21%; position:relative; left:82%; outline:1px solid #000; overflow:hidden; } .clear{ clear:both;} #footer{ height:100px; background:#4135AC; margin: 0 auto; width:1000px; } </style> </head> <body> <div id="header">header</div> <div id="wrap" > <div id="cont3"> <div id="cont2"> <div id="cont1"> <div id="col1"> left leftft left left left left left left left left< left left left left left left left left left left left left left left leftft left left left left left left left left< left left left left left left left left left left left left left </div> <div id="col2">center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center </div> <div id="col3">right right right right right rightv right right rightv right 4</div> </div> </div> </div> </div> <div class="clear"></div> <div id="footer"></div> </body> </html>
-
да стоит utf-8,html файл есть,но там только латиница,русских символов нет совсем
-
все работает,только шрифт не действует на русские буквы,хотя в настройках поставил Cyrillic и в таблице есть кириличекские символы
-
Доброго времени суток! Решил отображать шрифты на сайте с помощью технологии cufon,с одним шрифтом всё прекрасно работает,а если использовать несколько,то всё равно отображается из них только один,которые вызывается первым,хотя написал код правильно.. <script type="text/javascript" src="cufon-yui.js"></script> <script type="text/javascript" src="Myriad_Pro_900.font.js"></script> <script type="text/javascript" src="Myriad_Web_italic_400.font.js"></script> <script type="text/javascript" src="TMC-Ong_Do_400.font.js"></script> <script type="text/javascript"> Cufon.replace('.text', { fontFamily: 'Myriad Pro' }); Cufon.replace('p', { fontFamily: 'TMC-Ong Do' }); </script>
-
Доброго времени суток! У меня почему то не работает свойство @font-face,точнее работает только в firefox ,а больше нигде .. <style type="text/css"> @font-face { font-family: 'Myriad Pro'; src:url(Myriad Pro.ttf) format('truetype'); font-weight: bold; font-style: normal; } body{ font-size:25px; font-family: Myriad Pro;} </style>
-
прописал это свойство правой , левой колонке и центру,всё равно прокрутки нет
-
Доброго времени суток уважаемые форумчане! Верстаю трехколоночный резиновый сайт,возникала проблема в ie6,при уменьшении окна браузера не появляется полоса прокрутки,хотя вроде как все правильно сделал через javascript Вот весь код: <!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" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="all.css" /> <!--[if lt IE 7]> <style type="text/css"> #content {height:100%} #header .wrap,#content,#footer {width:expression((document.documentElement.clientWidth||document.body.clientWidth)<800?'800px': "auto")} </style> <![endif]--> <style type="text/css"> *{ margin: 0; padding: 0; font: 12px arial,sans-serif; } p{ padding:30px 5px; } html,body{ height: 100%; } #header{ height: 100px; position: absolute; background-color: #D9D2BD; top: 0; left: 0; width: 100%; min-width: 800px; } #wrapper{ height: 100%; height: auto !important; min-height: 100%; width: 100%; background: #fafafa; min-width: 800px; max-width: 1300px; } #content{ padding: 100px 0 0 0; overflow: hidden; width: 100%; height: 100%; } #center{ float: left; width: 100%; } #ot{ padding: 0 21%; } #left{ width: 20%; background: #DDE787; float: left; margin-left: -100%; } #right{ float: left; width: 20%; background-color: #E8FFE8; margin-left: -20%; } #empty{ height: 100px; } #footer{ height: 100px; width: 100%; background: #2FC5D0; margin-top: -100px; min-width: 800px; } .clear{ clear: both; } </style> </head> <body> <div id="wrapper"> <div id="content"> <div id="center"> <div id="ot"> <p>xxxxxxxxxxxxxxxxx zzzzzzzzzzzzzzzzz ddddddddddddddddgh ghd ghdfhdfghd dfghdhdfhdfh fgsdqrtwqgys hg dfgdg dsfg gfdg dfgdfgdfg fg g fg gh gfhdfhghg gfhg ghhgfhrtrgdfiajfidj fjdkfjksajhffiwue sdfjksdfkasd fjksdf fd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p></p><p></p><p></p><p></p><p></p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>cccccccccccccccccccccc</p> <p>cccccccccccccccccccccc</p> <p>cccccccccccccccccccccc</p> </div> </div> <div id="left"> <p>xxxxxxxxxxxxxxxxx zzzzzzzzzzzzzzzzz ddddddddddddddddgh ghd ghdfhdfghd dfghdhdfhdfh fgsdqrtwqgys hg dfgdg dsfg gfdg dfgdfgdfg fg g fg gh gfhdfhghg gfhg ghhgfhrtrgdfiajfidj fjdkfjksajhffiwue sdfjksdfkasd fjksdf fd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p></p><p></p><p></p><p></p><p></p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>cccccccccccccccccccccc</p> <p>cccccccccccccccccccccc</p> <p>cccccccccccccccccccccc</p> </div> <div id="right"> <p>xxxxxxxxxxxxxxxxx zzzzzzzzzzzzzzzzz ddddddddddddddddgh ghd ghdfhdfghd dfghdhdfhdfh fgsdqrtwqgys hg dfgdg dsfg gfdg dfgdfgdfg fg g fg gh gfhdfhghg gfhg ghhgfhrtrgdfiajfidj fjdkfjksajhffiwue sdfjksdfkasd fjksdf fd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p></p><p></p><p></p><p></p><p></p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>dddddddddddddddd</p> <p>cccccccccccccccccccccc</p> <p>cccccccccccccccccccccc</p> <p>cccccccccccccccccccccc</p> </div> </div> <div id="empty"></div> </div> <div class="clear"></div> <div id="footer">fffffffffffff</div> <div id="header">111</div> </body> </html>
-
это я знаю,а без них никак?
-
Доброго времени суток! Подскажите как реализовать поиск на сайте,чтобы при вводе слова находились выражения или ссылки где содержится данное слово? только без php
-
Доброго времени суток! Сверстаю сайт бесплатно за отзыв по вашему макету,раньше создавал сайты для себя,хочу набраться опыта и расширить уровень своих знаний. Знания: html,css,photoshop icq: 613844779