Разница в позиционировании

[Gambini]

Здравствуйте! У меня такой вопрос: есть ли принципиальная разница в позиционировании или это зависит только от того, кому как удобно? К примеру c absolute у меня получается намного лучше чем c relative.

[hypnocolor]

http://htmlbook.ru/css/position

Тут описана разница в различных позиционированиях. Если бы всё определялось принципом «кому как удобно», вёрстка вызывала бы гораздо меньше вопросов)

Edited May 5, 2012 by hypnocolor

[sigma77]

Про позиционирование есть хорошая статья - http://www.alistapart.com/articles/css-positioning-101/

Она, правда, на английском, но в принципе с примерами и всё достаточно понятно.

[гриша667]

Добрый день, у меня сайт магазин, корзина выведена отдельным модулем справа, корзина выдвигается при нажатии на боковую панель, суть проблемы в следующем:

в Opera позиционирование этого элимента постоянно меняется в других же браузерах он имеет фиксированное положение.

Вот вся таблица css:

**  * TemplatePlazza  * TemplatePlazza.com   **/  body{  	overflow-x: hidden;  }    #dropcartborder{  	width: 112px;  	font-size: 11px;  	color: #ffffff;  	padding: 0px 10px;  	background-color: #000000;  	position: fixed;  	top: 0px;  	right: 0px;        }    #showhidecart{  	width: 30px;  	height: 100px;  	color: #ffffff;  	background: url(showhide.png) 50% 50% no-repeat #000000;  	position:absolute;          top: 50%;  	left: -25px;  	cursor: pointer;  	-moz-border-radius: 5px;        }    #titledragcart{  	width: 108px;  	height: 50px;  }    #dropcart{  	width: 110px;  	line-height: normal;  }    #dropcart a:link,  #dropcart a:visited,  #dropcart a:active{  	text-decoration: underline;  }    .itemcart{  	width: 105px;  	cursor: move;  	margin-bottom: 10px;  	background: url(handle.png) no-repeat 50% 0;  }    .itemcart .imgdragcart{  	border: 1px solid #ffffff;  	background-color: #ffffff;  }    .thumbscart{  	display: block;  	width: 112px;  	text-align: center;  	padding: 10px 0px;  }    .thumbscart a:link, .thumbscart a:visited, .thumbscart a:active{  	display: block;  }    .thumbscart img{  	width: 50px;  	height: 50px;  }    .cartborder{  }    #myminicart{  	overflow: hidden;    	padding: 20px 0px;  	background: url(back.png) repeat-y #ffffff;  	-moz-border-radius: 5px;  	position: relative;  }    .minicartinner{  	position: absolute;  }    .cartleft, .cartright{  	height: 36px;  	margin-bottom: -15px;  	background: url(up.png) 50% 50% no-repeat;  	position: relative;  	z-index: 99999;  	cursor: pointer;  }    .cartright{  	margin-bottom: 0px;  	margin-top: -15px;  	background: url(bottom.png) 50% 50% no-repeat;  }    .cartinfo{  	line-height: normal;  	padding-top: 10px;  }    .minicarttotal, .minicartprice, .shopcartcheck{  	font-size: 11px;  	color: #ffffff;  	text-align: center;  	padding: 0px 10px;  }    .minicarttotal{  	font-size: 13px;  	font-weight: bold;  	letter-spacing: -0.05em;  }    .shopcartcheck{  	font-weight: bold;  	margin-top: 10px;  }    #myminicartborder .shopcartcheck a:link,  #myminicartborder .shopcartcheck a:visited,  #myminicartborder .shopcartcheck a:active{  	display: block;  	width: 84px;  	height: 20px;  	text-decoration: none;  	color: #ffffff;  	line-height: 20px;  	background: url(button.png) no-repeat;  }    #myminicartborder .shopcartcheck a:hover{  	color: #ffffff;  }    .cartempty{  	font-size: 11px;  	color: #afafaf;  	font-weight: bold;  	padding-top: 30px;  }    .cartf {  	display:block;  	width:10px;  	height:5px;  	text-indent:-50000px;  }

как мне кажется проблема кроется в #dropcartborder и #showhidecart, что можно сделать для того чтобы в Opera элемент тоже был фиксирован.Вот адрес сайта

fi-ko.com.ua, а вот как к примеру выглядит тоже место на другой странице ссылка чтобы вы могли представить в чём дело.

Заранее огромное спасибо за помощь!!!!!!!!!!!!!!!