Перейти к содержимому


Зафиксировать Ширину Сайта


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 fild77

fild77

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 14 Ноябрь 2016 - 21:50

Здравствуйте.
Скажите пожалуйста как зафиксировать ширину сайта. При некоторых расширениях шаблон ломается.

Прикрепленные изображения

  • 7.PNG


#2 Razon

Razon

    Активный участник

  • Модератоpы
  • 321 сообщений

Отправлено 15 Ноябрь 2016 - 09:35

Просмотр сообщенияfild77 (14 Ноябрь 2016 - 21:50) писал:

Здравствуйте.
Скажите пожалуйста как зафиксировать ширину сайта. При некоторых расширениях шаблон ломается.

Здравствуйте,  в файле style.css  найдите:
  .container { width: 939px; }
  .container .two.columns					 { width: 100px; }
  .container .four.columns					{ width: 209px; }
  .container .five.columns					{ width: 280px; }
  .container .twelve.columns				  { width: 680px; }

Замените на:
/* .container { width: 939px; }
  .container .two.columns					 { width: 100px; }
  .container .four.columns					{ width: 209px; }
  .container .five.columns					{ width: 280px; }
  .container .twelve.columns				  { width: 680px; }*/


#3 fild77

fild77

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 20 Ноябрь 2016 - 00:45

На некоторых мониторах все равно шаблон ломается. Может надо прописать min-width?

#4 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 20 Ноябрь 2016 - 09:31

Просмотр сообщенияfild77 (20 Ноябрь 2016 - 00:45) писал:

На некоторых мониторах все равно шаблон ломается. Может надо прописать min-width?

Здравствуйте.
В таком случае попробуйте, пожалуйста, произвести ещё следующие изменения:
В шаблоне style.css найдите, пожалуйста, данный код:

@media only screen and (min-width: 1200px) {
  .container {width: 1180px;}
  .flexslider .caption .title_block a {font-size: 40px;line-height: 30px;}
  .feedbackForm .left {margin-right: 30px;}
  .feedbackForm  #feedback_name, .contentContainer .left  #feedback_email {width: 188px;}
  .feedbackForm  #feedback_file {width: 218px;}
  /*#carousel_specials .product, 
  #carousel_newproducts .product, 
  #carousel_bestsellers .product, 
  #also_purchased .product {width: 200px;}*/
} 
@media only screen and (min-width: 960px) and (max-width: 1200px) {
 /* .container { width: 939px; }
  .container .two.columns					 { width: 100px; }
  .container .four.columns					{ width: 209px; }
  .container .five.columns					{ width: 280px; }
  .container .twelve.columns				  { width: 680px; } */
  
  .fluid-container  {position: relative;height:500px;}
  .camera_wrap {height:500px !important;}
  .header_bar .logo {width: 219px;}
  .header_bar h1 {margin-left: 259px;font-size: 18px;line-height: 24px;}
  .header_bar #search {margin-left: 259px;}
  .home #header {margin-left: -480px;}
  .shopping_cart .cart_link { display: none !important;}
  #footer .container .four.columns {border: none; margin-top: 20px;}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .nav-container {width: 100%; margin-left: 0;}
  .product-recent .product-name {height: 40px;overflow: hidden;}
  .product-recent .product-name a {font-size: 10px;height: 30px;overflow: hidden;}
  .product-recent .buy_button {padding: 10px 5px;font-size: 10px;}
  .content-form {height: 320px;}
  #footer .feedbackForm input {width: 165px;}
  #footer .feedbackForm textarea {width: 100%;}

И замените его вот этим вот кодом:

 /*@media only screen and (min-width: 1200px) {
  .container {width: 1180px;}
  .flexslider .caption .title_block a {font-size: 40px;line-height: 30px;}
  .feedbackForm .left {margin-right: 30px;}
  .feedbackForm  #feedback_name, .contentContainer .left  #feedback_email {width: 188px;}
  .feedbackForm  #feedback_file {width: 218px;}
  /*#carousel_specials .product, 
  #carousel_newproducts .product, 
  #carousel_bestsellers .product, 
  #also_purchased .product {width: 200px;}*/
} 
 /*@media only screen and (min-width: 960px) and (max-width: 1200px) {
 .container { width: 939px; }
  .container .two.columns					 { width: 100px; }
  .container .four.columns					{ width: 209px; }
  .container .five.columns					{ width: 280px; }
  .container .twelve.columns				  { width: 680px; }*/
  
  /*.fluid-container  {position: relative;height:500px;}
  .camera_wrap {height:500px !important;}
  .header_bar .logo {width: 219px;}
  .header_bar h1 {margin-left: 259px;font-size: 18px;line-height: 24px;}
  .header_bar #search {margin-left: 259px;}
  .home #header {margin-left: -480px;}
  .shopping_cart .cart_link { display: none !important;}
  #footer .container .four.columns {border: none; margin-top: 20px;}
  .product-list3 .four.columns, .product-list4 .four.columns {width: 100%;}
  .nav-container {width: 100%; margin-left: 0;}
  .product-recent .product-name {height: 40px;overflow: hidden;}
  .product-recent .product-name a {font-size: 10px;height: 30px;overflow: hidden;}
  .product-recent .buy_button {padding: 10px 5px;font-size: 10px;}
  .content-form {height: 320px;}
  #footer .feedbackForm input {width: 165px;}
  #footer .feedbackForm textarea {width: 100%;}*/
  
  /*#carousel_specials .product, 
  #carousel_newproducts .product, 
  #carousel_bestsellers .product, 
  #also_purchased .product {width: 208px;}*/


#5 fild77

fild77

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 18 Декабрь 2016 - 01:39

Здравствуйте.
Сделал.  Стало лучше. Но все равно есть несколько косяков.
1. Картинка слева в шапке сайта прячется влево.
2. Картинка справа в шапке тоже сдвигается влево и обрезана.
3. Нижняя часть шаблона немного не корректно отображается.
Помогите пожалуйста все исправить

Прикрепленные изображения

  • 15.jpg


#6 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 28 Декабрь 2016 - 12:18

Просмотр сообщенияfild77 (18 Декабрь 2016 - 01:39) писал:

Здравствуйте.
Сделал.  Стало лучше. Но все равно есть несколько косяков.
1. Картинка слева в шапке сайта прячется влево.
2. Картинка справа в шапке тоже сдвигается влево и обрезана.
3. Нижняя часть шаблона немного не корректно отображается.
Помогите пожалуйста все исправить

Здравствуйте.
Данная проблема еще актуальна? Если да, уточните, пожалуйста, версию и название браузера.
На текущий момент зафиксировать то, что указано на скриншоте не удалось, все отображается корректно.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных