Wordpress

[vitaxastifler]

Дамы и господа,подскажите плз,что я делаю не так?

Сверстал сайт,подключил его к WP,теперь например когда я настраиваю виджеты,добавляю какие то посты,то у меня начинается сбиваться css.

Как с этим бороться?

Неужели нужно при каждом добавлении какого то поста,всё время перенастраивать css?

P.S минусуем репу

Edited December 8, 2013 by vitaxastifler

[Zverushka]

Значит css сделан новичком. Небось для в принципе растягиваемого контента - задана высота в пикселях железно - вот и все едет при добавлении контента.

Или заново верстать или переделывать.

[vitaxastifler]

Ок,спасибо за совет!

И чем можно заменить пиксели?

		/*Theme Name:Моя темаTheme URL:Description: Тема для моего сайтаVersion:1.0Autor: vitalka*//* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;				vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}html,body {	width: 100%;	height: 100%;	background-color: #ffffff;}body {/*background : url("./images/bg.jpg") repeat;*/}span.t1  {    color : #1d79bc;	font-size : 20px;	font-family : Arial;	position : relative;	top : 165px;	left : 20px;	display : block;	}span.t2  {    text-transform : uppercase;    color : #461864;	font-size : 10px;	font-family : Verdana;	position : relative;	top : 172px;	left : 20px;	display : block;	}span.kruimel {    position : relative;    color : #0071b9;    top : -15px;    font-size :11px;    font-family : Arial;	}span.date {    float : left;    color : #ff0000;	font-size : 10px;	font-family : Arial;	/*position : relative;	top : -170px;	left :123px;*/}span.strelka img {    margin : 3px 0 0 0 ;}span.little {    font-size : 11px;	font-family: Arial;	color : #ffffff;	margin : 0 0 0 27px;}span#disine {    float : right;	margin: 20px 20px 0px 0px;	text-decoration : none;	font-size : 12px;	font-family : Arial;	color : #ffffff;}.fix {	width: 900px;	margin: 0 auto;	min-height: 100%;	position: relative;}.header {	width: 100%;	height: 80px;	background-color: #ffffff;}.logo {    margin : 32px 0 0 70px;	padding :0;	float : left;}.navigation_top {    font-family : Arial;    margin: 13px 84px 0 0;	padding : 0;    float : right;	background-color: #ffffff;	font-size : 11px;}/*.navigation ul {    margin:  0;	padding: 0;	clear : both;}*/.navigation_top ul li {    border-right : 1px solid #0071b9;	padding : 0 7px;    float :left;	list-style : none;	}.navigation_top ul li:last-child  {    border-right: none;}.navigation_top ul li a{    text-decoration : none;	color : #0071b9;	}.navigation_main {    /* clear : both;     margin : 0;	 padding :0; 	 width : 100%; */	 margin-bottom : 15px;	 background-color : #ffffff;	 height : 52px;}.navigation_main ul {    margin-left : 282px;   /* list-style-type : none;*/	width : 405px;	line-height : 27px;	word-spacing : 4px;}.navigation_main ul li {     	  line-height : 10px;	  display : inline;}.navigation_main ul li a {     padding : 5px 10px;     background-color : #292929;	 color : #d8d8d8;	 font-size : 12px;	 text-decoration : none;	}.navigation_main ul li a:hover {     background-color : #0071b9;}.navigation_left  {     	 float:left;     background-color : #461864;     width : 227px;     height : 250px;	 }.navigation_left ul {        padding-top : 20px;	}	.navigation_left ul li  {     margin : 0;	 pdding : 0;     list-style : none;	 line-height : 25px;}.navigation_left ul li  a{     color : #ffffff;	 font-size : 12px;     margin-left : 20px;	 text-decoration : none;	 		 }.navigation_left ul li  a:hover{     text-decoration : underline;	 background-color : #6b4683;}.slides_gorizontal {     float : left;	 margin : -228px 0 0 221px;	 padding : 0;	      height : 250px;	 width : 675px;	 background-color : #ffffff;}/*.slides_gorizontal img {    float : left;}*/.item_1 {     float :left;     background : url("./images/item_11.png");     	 height : 250px;	 width :225px;	 position: relative;	 }.item_1  a{     padding : 5px;     background-color : #1ab500;     text-decoration : none;	 color : #ffffff;	 position: absolute;	 display: block;	 bottom: 95px;	 right: 0;	 font-size : 10px;	 font-family : Verdana;}.item_2 {     float : left;     background : url("./images/item_22.png");	 height : 250px;	 width :225px;	 position: relative;	 font-size : 10px;	 font-family : Verdana;}.item_2  a{     padding : 5px;     background-color : #1ab500;     text-decoration : none;	 color : #ffffff;	 position: absolute;	 display: block;	 bottom: 95px;	 right: 0;}.item_3 {     float :left;	 background : url("./images/item_33.png");	 height : 250px;	 width :225px;	 position: relative;	 font-size : 10px;	 font-family : Verdana;}.item_3  a{     padding : 5px;     background-color : #1ab500;     text-decoration : none;	 color : #ffffff;	 position: absolute;	 display: block;	 bottom: 95px;	 right: 0;}.buttons {    	margin-left : auto;	}/*     .content {	float : left;	height : 740px;	width : 330px;}*/.leftCol {	float: left;	width: 180px;	background-color: #cccccc;	margin-right: 20px;	padding: 10px;}.calltoaction {    font-family: Arial;	font-size :18px;    color: #ffffff;    text-align : center;		margin : 110px 0 0 60px;	width : 198px;	height : 58px;	background : url("./images/calltoaction.png");}.calltoaction  p{    position : relative;	top : 11px;}.text {    	line-height : 25px;    margin: -165px 0 0 310px;	width : 416px;	height: 260px;	font-family: Arial;    font-size :12px;	}.text a{    color : #0071b9;}.news {    margin : 0 0 0 1px;    width : 600px;	height : 489px;	background-color : #e9eff8;}.news_item1 {        width : 580px;	height : 163px;	}.news_item2 {    width : 580px;	height : 163px;	}.news_item3 {    width : 580px;	height : 163px;	}.news h2 {    padding-top : 28px;		/*position : relative;	left :120px;	top : -150px;*/        font-weight : normal;    font-family : Arial;    font-size : 20px;	color : #0071b9;}.news img {    clear : both;	float : left;    margin : 66px 15px 0 20px;}.news p {    	/*position : relative;	left :120px;	top : -150px;*/    line-height: 19px;	font-size : 12px;	font-family : Arial;}.news a {     margin-top : 5px;	 float : left;     padding : 5px;     background-color : #1ab500;     text-decoration : none;	 color : #ffffff;	 font-size : 10px;	 font-family : Verdana;}.laag15{            margin : -489px 0 0 601px;    width : 300px;	height : 489px;	background-color : #0071b9;}.laag15 h2 {    margin : 0px 0 15px 28px;	padding : 30px 0 0 0;	font-weight : normal;    font-family : Arial;    font-size : 20px;	color : #ffffff;}/*.laag15 img {    padding : 15px 5px 20px 5px;}*/.laag15 p {    margin : 10px 19px 0 28px;	color : #a3c1de;	font-family : Arial;	font-size : 16px;	line-height :20px;}ul.photos  {    list-style-type: none;	margin: 0 0 0 24px;	}ul.photos  li {     float : left;      padding: 0 0 35px 4px;}.undernews {    margin : 0 0 0 1px;    width : 900px;	height : 74px;	background-color : #ffffff;}.knopka {        width : 244px;	height : 23px;	background : url("./images/knopka.png");	}.knopka a {    text-decoration : none;    position: relative;	right: 4px;	bottom: 7px;    font-size : 12px;	font-family : Arial;	color : #ffffff; }.socsety {    margin: 1px 1px 1px 730px;}.socsety img{    margin: 0 0 0 5px;    border-radius : 5px;    float : left;}.footer {	width: 900px;		height: 54px;	background: #292929;	/*position: absolute;	bottom: 0;*/}.footer a {    float : left;	margin: 20px 0px 0px 10px;	text-decoration : none;	font-size : 12px;	font-family : Arial;	color : #ffffff;}.footer a:first-child  {	padding-left : 20px;	}

Edited December 8, 2013 by vitaxastifler

[Zverushka]

По идее можно убрать фиксированную высоту у всех элементов - и вместо этого подставить. например, нижний отступ - padding-bottom: 15px; - к примеру. теперь элемент всегда будет сам раздвигаться по высоте в зависимости от контента. 

[decode]

vitaxastifler, Вы так шутите?

Судя по сообщению, то совет от зверюшки не имеет смысловой нагрузки для ТС)

Edited December 8, 2013 by decode

[vitaxastifler]

vitaxastifler, Вы так шутите?

Судя по сообщению, то совет от зверюшки не имеет смысловой нагрузки для ТС)

Как разшифровать ТС??

По идее можно убрать фиксированную высоту у всех элементов - и вместо этого подставить. например, нижний отступ - padding-bottom: 15px; - к примеру. теперь элемент всегда будет сам раздвигаться по высоте в зависимости от контента. 

ок,и в какой класс добавить padding-bottom: 15px???????

 

ты мне попроще обясни пожалуйста,а то я сейчас сверстаю...)

Edited December 8, 2013 by vitaxastifler