Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Scrum
-
Как выровнять один div по высоте относительно другого DIVа
Scrum replied to generator2003's question in HTML Coding
а если контента будет больше представляете какие блоки у него будут ? -
Как выровнять один div по высоте относительно другого DIVа
Scrum replied to generator2003's question in HTML Coding
Заведомо сделать высоту фиксированной и хоть флоатами хоть инлине-блок/инлине (по вкусу). -
У него есть свои изъяны, говорят в1.1 более стабильна, ну и смотрите на год последнего релиза.
-
bambalam - вот эта да же поинтереснее
-
а какой смысл так делать ?
-
ну тогда может это поможет ? клац
-
вы не об этом случаем ? http://ru.wikipedia.org/wiki/HipHop_%28%D0...%D0%BA%D0%B0%29
-
на расположение блоков в моем варианте внимательно смотрите. Читайте про поведение float.
-
??
-
<!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> <title></title> <style type="text/css"> /*<![CDATA[*/ *{margin:0px; padding:0px;} body{ font:12 tahoma; background:#efefff; text-align:center; } .clear{ clear:both; } #wrapper{ width:1004px; margin:0px auto; border:1px solid navy; text-align:left; } #header{ font-size:30px; color:#FFF; background:#C90; padding:20px 20px 20px 20px; } #left{ float:left; width:200px; background:#FC0; padding:5px; } #left ul{ list-style:none; margin:0 0 0 10px; line-height:20px; } #left a{ text-decoration:none; color:#FFF; background:url(images/mdot.gif) no-repeat left; padding:0 0 0 20px; } #left a:hover{ text-decoration:underline; color:#F60; } #content{ background:#FFC; padding:5px; margin: 0 200px; } #right{ float: right; width:200px; background:#FC0; padding:5px; } #footer{ clear:both; font-size:14px; color:#FFF; background:#C90; padding:5px; } /*]]>*/ </style> </head> <body> <div id="wrapper"> <div id="header">Header</div><!--end header--> <div id="right"> <h3>Новости сайта</h3> <p>то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы. ...то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы. ...то свойство специфицирует отступ первой строки текста в блоке. .... Эффекты оттенения не изменяют размеры бокса, но могут выходить за его пределы пределы</p> </div><!--end right--> <div id="left"> <h3>Главное меню</h3> <ul> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Наши продукты</a></li> <li><a href="#">Гостевая книга</a></li> <li><a href="#">Контакты</a></li> </ul> </div><!--end left--> <div id="content">content</div><!--end content--> <div id="footer">footer</div><!--end footer--> <div class="clear"></div> </div><!--end wrapper--> </body> </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> <title></title> <style type="text/css"> /*<![CDATA[*/ #menu { border: 1px solid red; padding: 10px; } a.sbt { background:url("/templates/sinclair/images/sml_btn_bg.png") repeat-x; padding: 5px; border: 1px solid red; } /*]]>*/ </style> </head> <body> <div id="menu"> <a class="sbt" href="ss">Добавить в корзину</a> <a class="sbt" href="ss">Добавить в корзину</a> <a class="sbt" href="ss">Добавить в корзину</a> </div> </body> </html>
-
а собственно в каких целях используете inline-block ?
-
Бугага. Почему бы тупо не повесить все это на якорь ?
-
ie6 не знает такого значения как inline-block. для 6 можно попробовать display: inline; zoom: 1;
-
-
да уж. Всего то надо было прибавить значение паддингов к левому сдвигу. ну и зуум лишний убрать.
-
Надеюсь вы шутите. Проблема куда глубже. Приведенный мной участок стилей - это не трабла, это указатель на то что .... задумался, а о чем вам говорит данная выдержка из стилей ?
-
display: inline-block; - ищите кросс решение в этом направлении.
-
ссылку / проблемный участок верстки / скрин и все то что поможет и вам и нам быстрее понять друг друга.
-
#leftCol { width:240px; margin-left:-100%; right:240px; }
-
zoom: 1; точно не поможет, верстальщик явно был в бреду когда творил сей шедевр.
-
Неверный ответ. смотрим в стили html, body { height: 100%; } для понимания ставим боди бордер, смотрим и приходим к выводу что в вашем случае 100% ненужны, убираем и радуемся.
-
т.е. маин должен занимать 100% ??
-
Абсурд с position! И тем не менее, работает...
Scrum replied to Мое Яблоко's question in HTML Coding
на спамера похож -
Наполовину гонево, у блок элементов да у инлайн элементов нет. <div id="container"> <div id="header"> <span><a href="#">Главная</a> | <a href="#">Каталог</a> | <a href="#">Блог</a> | <a href="#">О нас</a> | <a href="#">Контакты</a></span> <h1>Типа крутой заголовок :-)</h1> </div> </div> про поведение флоат элементов читать тут