strangerliquid
-
Posts
9 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by strangerliquid
-
так и сделал, нет текст в нормальном виде не вылазит, это я специально изменил масштаб чтобы показать. Но требуют чтобы фон был даже в таком случае
-
чтобы фон заполнял ту часть контента которая вылазит за пределы экрана при увеличении масштаба, таковы требования
-
Хм есть блочный макет сайта, в нём есть html, body и #all но вот проблема, при изменении масштаба просмотра в браузере, и появлении горизонтальной полосы прокрутки, их ширина не увеличевается больше 100%, хотя как показывает firebug правило min-width:100%; работает * { margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:Arial; vertical-align:baselinebaseline; } p, html, body, #all { font-size:14px; font-family:Arial; line-height:1; } body, #all { height:100%; background:#fff; color:#000; min-width:100%; } вот CSS <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> </head> <body> <div id="all"> <div id="site"> </div><!--#site--> <div id="footer"> </div><!--#footer--> </div><!--#all--> </body> </html> Вот html подскажите в чем проблема?
-
шрифт я скачал и кинул в папочку fonts в каталоге сайта сайт стоит на денвере, смотрю через firefox 10.0.2 opera 11.61 explorer 8.0.7
-
1.Почему не работает тень для img при задании inset? 2.Возможно ли стандартными средствами изменить вид <select> там стрелочку поменять и т д? 3.Валидно ли применять id и class к form? 4.Как вставить нестандартный шрфит в сайт? есть файл Futuris Cyrillic.ttf и нижеприведённый код, но ничего не работает, шрифт не меняеться? * { margin:0; padding:0; border: 0; outline: 0; font-size: 100%; vertical-align:baselinebaseline; } @font-face { font-family:"Futuris Cyrilic"; src:local("Futuris Cyrilic"), url(../fonts/Futuris Cyrillic.ttf) format("ttf"); font-style: normal; font-weight: normal; } p, html, body, #all { font-size:14px; font-family:"Futuris Cyrilic"; line-height:1; } html, body, #all { height:100%; background:#fff; color:#000; } a, a:visited { line-height:1; font:14px "Futuris Cyrilic"; color:#000; text-decoration:none; } a:hover, a:active { line-height:1; font:14px "Futuris Cyrilic"; color:#000; text-decoration:none; }
-
спасибо помогло )
-
Есть проблема, дело в том что Картинка img не участвует в расчёте высоты блока в отличие от абзаца в том же блоке, то есть если текст заполняет больше высоты картинки то всё выглядит ОК, но если текста меньше то картинка вылазит, как будто overflow:visible Вот код <div> <div class="container" id="down"> <img src="img/pic5.jpg" width="213" height="166" align="left" border="0" alt="pic5"/> <h1>Welcome to the site!</h1> <p> Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, sectetuer. </p> </div><!--container-content-bottom--> </div> </div><!--content--> </div><!--main--> </div><!--site--> <div id="footer"> <div class="container" id="footer-in"> </div><!--container-footer-in--> </div><!--footer--> </div><!--all--> и стили body { background:#ada6a0 url(../img/up-back.jpg) top no-repeat; } #all { width:1000px; margin:auto; } #site { min-height:100%; margin:0 0 -190px; } #main { overflow:hidden; padding:0 0 190px; } .container { background:#fff; box-shadow:0 0 6px; padding:12px; margin:auto; } #down { width:960px; } использовалась стандартная схема прижатия футера с отрицательным margin помогите пожалуйста советом, как встроить img в поток
-
спасибо за ответы попробую, насчет классов задавался вопросом - какие преимущества при их использовании, насчет футера за body меня уже сегодня человек просветил. насчет команд посмотрю на сайте.
-
Вот такая проблемка. При увеличении блока left не отталкивается блок bottom. все это находится в блоке контент (футер отдельно), вот коды : <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/template.css"/> <title>Заготовка_под_сайт_универсальная</title> </head> <body> <div id="header"> </div> <div id="menu"> </div> <div id="container"> <div id="content"> <div id="left"> </div> <div id="right"> </div> <div id="center"> </div> </div> <div id="bottom"> </div> </div> </body> <div id="clear"> </div> <div id="footer"> </div> </html> а вот CSS : body { width:1024px; min-height:100%; background-color:#CCCCCC; margin:0 auto; } #header { width:100%; height:150px; background-color: #CC3333; } #menu { width:100%; height:60px; background-color:#00FF00; } /*—————MAIN-CONTENT————————-*/ #content { width:100%; background-color:#000; } #container { width:100%; background-color: #66CCCC; } #bottom { width:100%; height:100px; background-color: #9966FF; } #left { width:212px; height:1300px; background-color:#FFFF99; float:left; } #right { width:212px; height:1000px; background-color: #77AAFF; float:right; } #center { margin:0 auto; width:600px; min-height:1000px; background-color: #CC9900; } /*—————MAIN-CONTENT-END————————--*/ #clear { width:100%; height:0px; clear:both; } #footer { width:100%; height:100px; position:relative; background-color:#00CC99; } Буду благодарен за помощь.. (кстати с футером я чего-то намудрил тоже. Картинка иллюстрирующая проблемуФиолетовый блок должен отталкиваться светло-желтым