Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Scrum
-
-
Заведомо сделать высоту фиксированной и хоть флоатами хоть инлине-блок/инлине (по вкусу).
-
У него есть свои изъяны, говорят в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; -
#header {
height: 105px;
overflow: hidden;
zoom: 1;
position: relative;
}
-
да уж.
Всего то надо было прибавить значение паддингов к левому сдвигу. ну и зуум лишний убрать.
-
Но с зависанием также нужно бороться.
Надеюсь вы шутите. Проблема куда глубже.
Приведенный мной участок стилей - это не трабла, это указатель на то что .... задумался, а о чем вам говорит данная выдержка из стилей ?
-
display: inline-block; - ищите кросс решение в этом направлении.
-
ссылку / проблемный участок верстки / скрин и все то что поможет и вам и нам быстрее понять друг друга.
-
#leftCol {
width:240px;
margin-left:-100%;
right:240px;
} -
zoom: 1; точно не поможет, верстальщик явно был в бреду когда творил сей шедевр.
-
Неверный ответ.
смотрим в стили
html, body {
height: 100%;
}для понимания ставим боди бордер, смотрим и приходим к выводу что в вашем случае 100% ненужны, убираем и радуемся.
-
т.е. маин должен занимать 100% ??
-
на спамера похож
-
по дефолту у элементов ширина равна 100%
Наполовину гонево, у блок элементов да у инлайн элементов нет.
<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>про поведение флоат элементов читать тут
Как выровнять один div по высоте относительно другого DIVа
in HTML Coding
Posted
а если контента будет больше представляете какие блоки у него будут ?