Просвятите, почему у меня при позиционировании, через функции position: absolute, позиционируется по отношению тела (страницы), а не родительского элемента header. Читал статьи и убеждаюсь, что я прав, а на деле все не так.
Внизу код, непонятное место подчеркнуто (кусок):
<div id="wrapper">
<div id="header">
<div id="side_left"></div>
<div id="side_right"></div>
<div id="float_bottom"></div>
</div><!-- #header-->
<div id="middle">
<div id="container">
<div id="content">
<strong>Content:</strong>
</div><!-- #content-->
</div><!-- #container-->
и файл CSS
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
background-color:#755943;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 1000px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
background-color:#FFF;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 198px;
background: #FFE680;
background-image:url(image/float_top.gif);
background-repeat:no-repeat;
position:
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 100px;
height: 1%;
position: relative;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 0 0 270px;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
float: left;
width: 250px;
margin-left: -100%;
position: relative;
background: #B5E3FF;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
width: 1000px;
margin: -100px auto 0;
height: 100px;
background: #BFF08E;
}
/* www.katze.ru
-----------------------------------------------------------------------------*/
#side_left {
width: 48px;
height: 156px;
background-image: url(image/side_left.gif);
position: absolute;
top: 42px;
}
#float_bottom{
width: 892px;
height: 40px;
background-image: url(image/float_bottom.gif);
position: absolute;
top: 158px;
left: 48px;
}
#side_right {
width: 60px;
height: 156px;
background-image: url(image/side_right.gif);
position: absolute;
top: 42px;
}
Спустя 12 минут, 29 секунд (27.07.2011 - 12:51) sebastjan написал(а):
Для того чтоб див абсолют позиционировался относительно родителя, надо чтоб и родитель был абсолют.
Если же нет, тодив с абсолют будет позиционироваться относительно окна.
Код не смотрел.
Суть изложил.
Если же нет, тодив с абсолют будет позиционироваться относительно окна.
Код не смотрел.
Суть изложил.
Спустя 8 минут, 43 секунды (27.07.2011 - 12:59) rebroff написал(а):
Задайте
Почему? В этом случае родитель создает внутри себя containing block, и координаты всех его спозиционированных потомков отсчитываются уже от его краев.
position: relative для родителя.Почему? В этом случае родитель создает внутри себя containing block, и координаты всех его спозиционированных потомков отсчитываются уже от его краев.
Спустя 8 минут, 56 секунд (27.07.2011 - 13:08) sebastjan написал(а):
rebroff
конечно согласен.
или так, я в общих чертах.
конечно согласен.
или так, я в общих чертах.
Спустя 3 часа, 12 минут, 26 секунд (27.07.2011 - 16:21) VELIK505 написал(а):
Не верстай селекторами верстай . классами
Спустя 4 часа, 6 минут, 27 секунд (27.07.2011 - 20:27) Winston написал(а):
| Цитата (VELIK505 @ 27.07.2011 - 16:21) |
| Не верстай селекторами верстай . классами |
Хотел бы узнать причину этого утверждения
Спустя 1 час, 54 минуты, 19 секунд (27.07.2011 - 22:22) VELIK505 написал(а):
| Цитата (PHPprogrammer @ 27.07.2011 - 17:27) | ||
Хотел бы узнать причину этого утверждения |
Так ну во первых было много споров что быстрее классы или селекторы при обширном CSS проверял сам лично что классы выигрывают наносекунды над селекторами!
Во вторых что самое главное в больших проекта бывает такая штука что JS надо повешать а вёрстка id. Меня всю жизнь даже на работе директор подзатыльники за селекторы давал.