Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
css for ie6 #carrier { width: expression((documentElement.clientWidth||document.body.clientWidth)<1024?'800px':'auto'); /*height: expression((documentElement.clientHeight||document.body.clientHeight)<768?'768px':'100%');*/ } Css html, body { height: 100%; margin:0; padding:0; border: none; } html { overflow: auto; } #carrier { height: 100%; min-width: 800px; max-height: 100%; } #head, #footer { height: 113px; position: relative; background: orange; } #footer { clear: both; } .substrate { height: 113px; } html>body #content { height: auto !important; } #content { height: 100%; min-height: 100%; margin: -113px 120px; background: gray; } Html <!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="en" lang="en"> <head> <link rel="stylesheet" href="css/style.css" type="text/css" /> <!--[if IE 6]> <link rel="stylesheet" href="css/ie6.css" type="text/css" /> <![endif]--> </head> <body> <div id="carrier"> <div id="head"> head </div> <div id="content"> <div class="substrate"></div> content <div class="substrate"></div> </div> <div id="footer"> footer </div> </div> </body> </html>
-
Мое зрение на все варианты. Каждый случай под определенные нужды. Пример: <div id="pageHeader"> <p class='main'>111</p> </div> <div id="pageContent"> <p class='main'>111</p> <span class='main'>test</span> </div> в первом случае стили будут применимы только для #pageHeader во втором для всех классов main в третьем только для параграфов с классом main. По этому выбирайте тот который более подходит вам в вашем случае.
-
могу скинуть архив.
-
-
css ie6 #carrier { width: expression((documentElement.clientWidth||document.body.clientWidth)<1024?'800px':'auto'); } css style html, body { height: 100%; margin:0; padding:0; border: none; } #carrier { height: 100%; min-width: 800px; max-height: 100%; } #head, #footer { height: 113px; position: relative; background: orange; } #footer { clear: both; } .substrate { height: 113px; } html>body #content, html>body .box { height: auto !important; } #content { height: 100%; min-height: 100%; margin: -113px 0; background: gray; } html <!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="en" lang="en"> <head> <link rel="stylesheet" href="css/style.css" type="text/css" /> <!--[if IE 6]> <link rel="stylesheet" href="css/ie6.css" type="text/css" /> <![endif]--> </head> <body> <div id="carrier"> <div id="head"> head </div> <div id="content"> <div class="substrate"></div> content <div class="substrate"></div> </div> <div id="footer"> footer </div> </div> </body> </html> дерзай уже лень смотреть чего там не так.
-
-
можно вообще убрать позишен.
-
это не проблема, это правильное поведение блоков с абсолютным позиционированием. икать footer прижатый к нижу или чет в этом ключе.
-
выкладывайте верстку.
-
<p> <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Transitional" height="31" width="88" style="border-width:0;" /></a> </p> p {margin: 0;}
-
доктайп какой ?
-
http://cssing.org.ua/2007/04/26/another-css-valign-method/
-
скажу больше в ie7 такой фокус вообще не прокатывает, с чем связано пока непонятно.
-
utf-8 использовать везде.
-
http://www.htmlbook.ru/content/?id=109
-
для наглядности.
-
http://www.htmlbook.ru/css/hover.html в самом низу http://www.umade.ru/log/2004/07/css-hover-any-element/
-
woofs не валидное решение, нету у тега table атрибута height.
-
не педалируйте, еще раз для невнимательных - вчитайтесь.
-
Все правильно пишут. Вам стоит вчитаться в то что вы сами написали. Все ответы там ))
-
типа да
-
filter:alpha(opacity=30); /* синтаксис IE4.0*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* синтаксис IE5.5+ (является предпочтительным) */
-
выкладывайте ссылку али верстку, посмотрим.
-
Плывет DIV на CSS в Internet Explorer младше 7-ой
Scrum replied to Koriolan's question in HTML Coding
#content .shadow-tr {background:url(../images/shadow-right-top.gif) no-repeat right 0; width:100%; overflow:hidden} обращаем внимание на width: 100%; - возможно в этом проблема. -
Плывет DIV на CSS в Internet Explorer младше 7-ой
Scrum replied to Koriolan's question in HTML Coding
начнем с простого примера, осознав его легко можно реализовать задуманное <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ #left, #right { width: 100px; height: 150px; } #left, #right, #content { border: 1px solid gray; } #left { float: left; } #right { float: right; } #content { margin: 0 150px; height: 150px; } /*]]>*/ </style> </head> <body> <div id="carrier"> <div id="left">left</div> <div id="right">right</div> <div id="content">content</div> </div> </body> </html>
