Перейти к содержанию
Авторизация  
Подписчики 0
Сантехник

Как Исправить (По Верстке)

Автор Сантехник, в Архив старых тем

Рекомендуемые сообщения

Сантехник    20

Сантехник
Опубликовано (изменено)

При сворачивании браузера слетает текст в право как исправить это?

 

pre_1414675518__22.jpg

 


/*
Андрей Воеводин
Сантехниик Иванов
Skype: mr.santexnik
*/

html, body, div, ul, ol, li, dl, dt, dd, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, img, span { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, pre, code, address, caption, cite, code, table, font { font-size: 1em; font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, body { font-family: "Times New Roman",arial, verdana, sans-serif; }

html{
min-width: 900px;
}

body {
color: #fff;
/*background-image: url('../images/bg.jpg');
background-position: center top;
background-repeat: no-repeat;
*/
background-color: #f2f2f2;
font-family: "Times New Roman", arial, verdana, sans-serif;
max-height:1755px;
}

a{
color:#FFCF85;
}

h1{
font-size: 14px;
}

h2{
font-size: 12px;
}

input{
color: #FDE1C9;
}
input[type=submit] {
color: #000000;
}
#head {
margin: 0 auto;
height: 250px;
}

#wrapper {
min-width: 1000px;
max-width: 1300px;
margin: 0 auto;
height: 1755px;
}
/* Фон сайта
=============================================================
*/
#social {
height: 20px;
float: right;
margin-right: 285px;
margin-top: -25px;
}
#social2 {
height: 35px;
position: absolute;
margin-left: 1050px;
margin-top: -30px;
}
#social2 a {
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
margin-left: -20px;
margin-right: 19px;
}
/*
=============================================================
*/
#flexcroll {
height: 750px;
width: 674px;
}
/* Фон сайта
=============================================================
*/
#bg1 {
background-image: url('../images/bg/bg_01.jpg');
background-color: #f2f2f2;
background-position: center top;
background-repeat: no-repeat;
height:1755px;
max-width: 100%;
}
#bg2 {
background-image: url('../images/bg/bg_02.jpg');
background-position: 50% 250px;
background-repeat: no-repeat;
height: 500px;
max-width: 100%;
}
#bg3 {
background-image: url('../images/bg/bg_03.jpg');
background-position: 50% 500px;
background-repeat: no-repeat;
height: 750px;
max-width: 100%;
}
#bg4 {
background-image: url('../images/bg/bg_04.jpg');
background-position: 50% 750px;
background-repeat: no-repeat;
height: 1000px;
max-width: 100%;
}
#bg5 {
background-image: url('../images/bg/bg_05.jpg');
background-position: 50% 1000px;
background-repeat: no-repeat;
height: 1250px;
max-width: 100%;
}
#bg6 {
background-image: url('../images/bg/bg_06.jpg');
background-position: 50% 1250px;
background-repeat: no-repeat;
height:1500px;
max-width: 100%;
}
#bg7 {
background-image: url('../images/bg/bg_07.jpg');
background-position: 50% 1500px;
background-repeat: no-repeat;
height:1755px;
max-width: 100%;
}
.shadow {
background: #F5F5F5;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
padding: 0px;
}
element.style {
}
/*
=============================================================
*/
/* Текст в шапке
=============================================================
*/
#text {
color: #000000;
font-family: "Times New Roman", arial, verdana, sans-serif;
width: 500px;
height: 92px;
margin-left: 105px;
margin-top: 170px;
margin-bottom: 65px;
}
#textcontact {
float: left;
color: #000000;
font-family: "Times New Roman", arial, verdana, sans-serif;
width: 300px;
height: 92px;
margin-left: 990px;
margin-top: -270px;
margin-bottom: 65px;
}
#textright {
color: #000000;
font-family: "Times New Roman", arial, verdana, sans-serif;
width: 250px;
height: 92px;
margin-top: 85px;
margin-right: -55px;
}
/*
=============================================================
*/

/* Колонки
=============================================================
*/
#column {
-webkit-column-width: 100px;
-moz-column-width: 100px;
column-width: 100px;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 10px;
-webkit-column-rule: 1px solid #ccc;
-moz-column-rule: 1px solid #ccc;
column-rule: 1px solid #ccc;
}

/*
=============================================================
*/


/* Правая колонка
=============================================================
*/
.blockright {
float: right;
right: 55px;
margin: 6px 130px;
margin-top: -15px;
}
.blockright2 {
float: right;
right: 55px;
margin: 360px -390px;
margin-top: 670px;

}
.blockright2 a {
font-family: sans-serif, Verdana;
font-size: 12px;
color: #000000;
}
/*
=============================================================
*/

/* Меню главное
=============================================================
*/
#menubig {
width: 1300px;
height: 32px;
margin: 0 auto;
position: relative;
font-family: sans-serif;
font-size: 12px;
padding-top: 22px;
top: -20px;
margin-left: 5px;
margin-bottom: 105px;
}

#menubig a {
color: #E28610;
text-decoration: none;
text-transform: uppercase;
margin-left: 30px;
margin-right: 39px;
}

#menubig a:hover{
color: #FFCF85;
}
.m_point5{
display: inline-block;
position:relative;
top: 1px;
height:10px;
}
.m_point6{
display: inline-block;
position:relative;
top: 1px;
width:55px;
height:10px;
}
.m_point7 {
display: inline-block;
position: relative;
top: 1px;
margin-left: 205px;
height: 10px;
}
.m_point8{
display: inline-block;
position:relative;
top: 1px;
width:10px;
height:10px;
}
#rightcolmenu {
float: left;
width: 200px;
margin-left: -590px;
margin-top: 260px;
}
/*
=============================================================
*/

/* Меню вверхнее
=============================================================
*/
#menu {
width: 1300px;
height: 22px;
margin: 0 auto;
position: relative;
font-family: sans-serif, Verdana;
font-size: 12px;
padding-top: 12px;
}

#menu a {
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
margin-left: 20px;
margin-right: 19px;
}

#menu a:hover{
color: #FFCF85;
}
.m_point{
display: inline-block;
position:relative;
top: 1px;
width:20px;
height:10px;
}
.m_point2{
display: inline-block;
position:relative;
top: 1px;
width:30px;
height:10px;
}
.m_point3 {
display: inline-block;
position: relative;
top: 1px;
margin-left: 15px;
height: 10px;
}
.m_point4{
display: inline-block;
position:relative;
top: 1px;
width:1px;
height:10px;
}
.m_point9{
display: inline-block;
position:relative;
top: 1px;
width:90px;
height:10px;
}
#m_divide{
margin-left: 225px !important;
}
/*
=============================================================
*/

/* Контент
=============================================================
*/
#content {
width: 750px;
height: 700px;
margin: 0 auto;
position: relative;
top: 65px;
overflow-x: hidden;
left: 87px;
color: #000000;

}
#content h1{
width:100%;
text-align: center;
}

#ccont{
width: 962px;
height: 500px;
outline: none;
}

#c_header{
background-image: url('../images/c_header.png');
background-repeat: no-repeat;
background-position: 0px -1px;
width:100%;
height:60px;
z-index: 2;
position: relative;
}
.border_top {
width:650px;
height:25px;
}
.border {
width:650px;
height:420px;
}

#scroll {position:relative; width:400px; height:200px; overflow:auto}
#scrollcontent {position:absolute; width:375px; z-index:200}
#scrollbar {float:right; position:relative; display:none; width:15px; height:200px; z-index:100; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}
/*
=============================================================
*/

/* Слайдер
=============================================================
*/
/* Двойной клик по ссылкам вперед/назад вызывает выделение всех элементов слайдера,
поэтому предотвращаем это */
.slider::-moz-selection { background: transparent; color: #fff; text-shadow: none; }
.slider::selection { background: transparent; color: #fff; text-shadow: none; }

.slide-list {
position: absolute;
margin: 0;
padding: 0;
}
.slide-wrap {
position: absolute;
left: 0px;
top: 0;
/* максимально возможная ширина обертки слайдера */
width: 1200px;
}
.slide-item {
/* Ширина слайда */
width: 280px;
/* Внутренние отступы */
padding: 10px;
/* Обтекание */
float: left;
}
.slide-title {
/* Шрифт */
font: bold 16px monospace;
/* Указываем, что элемент блочный */
display: block;
}

/* навигация вперед/назад */
.navy {
/* абсолютное позиционирование */
position: absolute;
top: 0;
z-index: 1;
height: 100%;
/* ширина ссылок */
width: 30px;
cursor: pointer;
}
.prev-slide {
left: 0;
background: #dbdbdb url(bg/left-arrow.png) 11px 40% no-repeat;
}
.next-slide {
right: 0;
background: #dbdbdb url(bg/right-arrow.png) 13px 40% no-repeat;
}
.navy.disable {
background: #dbdbdb;
}

/* навигация старт/пауза */
.auto {
width: 7px;
height: 11px;
cursor: pointer;
margin: 10px auto;
}
.play {
background: url(bg/play.png) center no-repeat;
}
.pause {
background: url(bg/pause.png) center no-repeat;
}
/*
=============================================================
*/
/* Подвал
=============================================================
*/
#footer {
width: 1000px;
height: 100px;
margin: 0 auto;
position: relative;
top: 250px;
right: 90px;
color: #FFFFFF;
}
#copy {
width: 980px;
height: 45px;
margin: 0 auto;
position: relative;
top: 390px;
left: -148px;
color: #FFFFFF;
font-family: 'Candara-Bold';
font-size: 14px;
}

#copy_n{
font-size:12px;
margin-left: 30px;
color:#8F7D74;
width: 500px;
}
#copy_n2{
font-size:10px;
margin-left: 30px;
color:#FFFFFF;
width: 500px;
display: inline-block;
}
#banner1,#banner2{
width:88px;
height: 31px;
display: inline-block;
margin-left: 25px;
background: rgba(0,0,0,0.5);
}
/*
=============================================================
*/






 







			
				


	Изменено  пользователем Сантехник
	
	

			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			



		


		
	


	

		

			
Поделиться сообщением

			

			
Ссылка на сообщение

			
			
			

			
				
Поделиться на другие сайты

				

	

			
		

	




	




					
						
					
				
					
					
					






	
		



	

	

		

			

Сантехник
			  

	
		
	
			 20
	
		
	

		

		

			


	
		Сантехник
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			

		


		

			Опубликовано 
			
				
				
			
		

	


	


	

		
		

			



Оставить копирайт свой успели, а как исправить не знаете :db:




Во всех моих 5 браузерах все отлично отображается не куда не сползает, но у других людей он слетает

			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			



		


		
	


	

		

			
Поделиться сообщением

			

			
Ссылка на сообщение

			
			
			

			
				
Поделиться на другие сайты

				

	

			
		

	




	




					
				
					
					
					






	
		



	

	

		

			

Сантехник
			  

	
		
	
			 20
	
		
	

		

		

			


	
		Сантехник
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			

		


		

			Опубликовано 
			
				
				
			
		

	


	


	

		
		

			
При увеличении сайта на 175% он отображается кривокосо, при уменьшении все отлично.


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			



		


		
	


	

		

			
Поделиться сообщением

			

			
Ссылка на сообщение

			
			
			

			
				
Поделиться на другие сайты

				

	

			
		

	




	




					
				
					
					
					






	
		



	

	

		

			

Space
			  

	
		
	
			 206
	
		
	

		

		

			


	
		Space
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			

		


		

			Опубликовано 
			
				
				
			
		

	


	


	

		
		

			



При увеличении сайта на 175% он отображается кривокосо, при уменьшении все отлично.






 


проблемы в css и html. видимо где то в html не создал родительский div + проверь css.


margin: 0 auto;


 


ты случайно не использовал margin-left | margin-top? к примеру в 500px или -500px?



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			



		


		
			

		
	


	

		

			
Поделиться сообщением

			

			
Ссылка на сообщение

			
			
			

			
				
Поделиться на другие сайты

				

	

			
		

	




	




					
				
					
					
					






	
		



	

	

		

			

Сантехник
			  

	
		
	
			 20
	
		
	

		

		

			


	
		Сантехник
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			

		


		

			Опубликовано 
			
				
				
			
		

	


	


	

		
		

			



проблемы в css и html. видимо где то в html не создал родительский div + проверь css.


margin: 0 auto;


 


ты случайно не использовал margin-left | margin-top? к примеру в 500px или -500px?






Все уже исправил сам спасибо



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			



		


		
	


	

		

			
Поделиться сообщением

			

			
Ссылка на сообщение

			
			
			

			
				
Поделиться на другие сайты

				

	

			
		

	




	




					
				
					
					
					






	
		



					
				
			
			



		

	


	

	

	
		

			



	
		 Авторизация  
	
	

	

		
			Подписчики
			0
		
	




		

		

			



		

	







	

		
			
				Перейти к списку тем
			
		
	

	




	

	

	




						



	

		
    
			
				
					
					
  • 


    
	
		Последние посетители
	
	
		  0 пользователей онлайн
	

    

    
	
		
    Ни одного зарегистрированного пользователя не просматривает данную страницу
    
	

    • 
				
			
		

	


					

					


					

				

			

			
		

		
		
		



	×
	

		


    
	





			

			

				
			


			
		

	






	×
	

		

			
    
				
  • Создать...
    •