Ruster
-
Posts
17 -
Joined
-
Last visited
Ruster's Achievements
Explorer (1/14)
0
Reputation
-
Вот подготовил точный пример моего макета <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height: 100%; padding: 0; margin: 0; } #xx1 { min-width: 500px; max-width: 700px; min-height: 100%; overflow: hidden; margin: 0 auto; border: 1px solid #F00; } #xx2 { width: 500px; min-height: 100%; margin: 0 auto; position: relative; border: 1px solid #000; } #xx2 p { margin: 0; padding-bottom: 110px; display: block; } #block { width: 300px; height: 100px; background-color: #CCC; position: absolute; bottom: 0; right: -100px; } </style> </head> <body> <div id="xx1"> <div id="xx2"> <p>Lorem ipsum dolor sit amet</p> <div id="block"></div> </div> </div> </body> </html>
-
да, но если поставлю height: 100% для первого блок он не будет растягиваться со вторым блоком когда в нем много текста (во втором блоке), вот в этом то и все проблема и это мне нужно решить ( s0rr0w можете постучать мне в аську ? если вам не трудно, спасибо
-
понял, то есть если я не буду задавать Height: 100%; второй min-height: 100% никак не будет работать ? и нечего нельзя сделать с этим ?
-
не совсем понял, можно по подробнее, и как решить проблему ?
-
С данной проблемой встретился давно, но тогда сверстал другим образом, а сейчас мне это нужно. весь день мучился, искал, нечего не нашел. Ну вот вроде все правильно написано. так в чем же проблема ??? P.S. Я не имею веду то что min-height не работает в IE6, я не про это. вот посмотрите код, что не так ??? почему не работает ? спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { height: 100%; padding: 0; margin: 0; } #xx1 { width: 500px; min-height: 100%; border: 1px solid #F00; } #xx2 { min-height: 100%; border: 1px solid #000; } </style> </head> <body> <div id="xx1"> <div id="xx2"> Lorem ipsum dolor sit amet </div> </div> </body> </html>
-
Вот решение есть, смотрите кому интересно http://www.my-debugbar.com/wiki/IETester/HomePage
-
я вот не понимаю зачем вы так любите jQuery, это зло! то лучше подключать черт знает какие-то модули, загружать еще этот jQuery или написать полноценный JS ? я некогда не использую jQuery и не стану использовать, так как я за чистоту кода и за минимализм. вот написал за минуту HTML и CSS код, ты можешь его под свой дизайн оформить: <style type="text/css"> img { border: none; } .ruster { width: 230px; height: 400px; overflow: auto; border: 1px solid #9A9A9A; padding: 10px; } .ruster img { float: left; margin: 8px; padding: 2px; } .ruster a:hover img { float: left; border: 1px solid #3D89A3; margin: 7px; } </style> <div class="ruster"> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> <a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a> </div> и еще дописать JS, там всего пару строк будет, я сам JS не знаю.
-
Ты на каком форуме ? Нет мне они нужны, чтобы почту проверять. Ну эмуляция это одно, а в реале может быть по другому... так что вопрос остается актуальным
-
Как установить IE8 beta2, так чтобы при этом не потерять IE7 ? у меня сейчас установлен IE7, и еще IE6 из multipleIEs (http://tredosoft.com/Multiple_IE)
-
ооо большое спасибо!! но эти скрипты все на jQuery =( я бы хотел, чтобы не было лишних скриптов, ну то есть чтобы только один скрипт был и css. таких не встречали ?
-
так и не смог найти (
-
ну меня за чем его раскручивать, это же мой сайт портфолио, а не новостной сайт написал в службу поддержки поисковиков, Рамблер уже индексирует, в яндексе обещали, что в ближайшее время все удалят, в службу поддержки мэйл.ру как раз сейчас напишу. ИМХО все же Google лучший поисковик, убеждаюсь уже не первый раз
-
Нужен грамотно написанный ScrollBar для Блок То есть, чтобы там было кнопки вверх/вниз, ползунок, и чтобы внутри блока работал скролл мышки Ну как в реальном скролл баре, но только чтобы можно было дизайн изменить Спасибо!
-
Вот полный код, на значит что то не так сделал <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>HTML Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .ruster { width: 88px; height: 31px; background: url('http://ruster.info/templates/i/vcss.gif') 0 0 no-repeat; border: none; } a:hover .ruster { background: url('http://ruster.info/templates/i/valid-xhtml10.png') 0 0 no-repeat; } </style> </head> <body> <p> <a href="#"><img src="http://ruster.info/templates/i/spacer.gif" alt="Описание картинки" class="ruster" /></a> </p> </body> </html> P.S. чтобы вторая картинка сразу же загружалась без задержки (если даже у пользователя очень медленный интернет) его ты должен предварительно загрузить, или советую объединить две картинки в одну и при a:hover не менять картинку, а просто позицию.
-
Разумеется возможно. Ты просто картинку поставь как фоновый рисунок, вот пример: <input type="submit" value=" " style="width: 60px; height: 20px; background: url('ТВОЯ_КАРТИНКА.png') 0 0 no-repeat; border: none; cursor: pointer;" />