Здравствуйте.
Скажите пожалуйста как зафиксировать ширину сайта. При некоторых расширениях шаблон ломается.
0
Зафиксировать Ширину Сайта
Автор fild77, 14 нояб. 2016 21:50
Сообщений в теме: 5
#1
Отправлено 14 Ноябрь 2016 - 21:50
#2
Отправлено 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
Отправлено 20 Ноябрь 2016 - 00:45
На некоторых мониторах все равно шаблон ломается. Может надо прописать min-width?
#4
Отправлено 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
Отправлено 18 Декабрь 2016 - 01:39
Здравствуйте.
Сделал. Стало лучше. Но все равно есть несколько косяков.
1. Картинка слева в шапке сайта прячется влево.
2. Картинка справа в шапке тоже сдвигается влево и обрезана.
3. Нижняя часть шаблона немного не корректно отображается.
Помогите пожалуйста все исправить
Сделал. Стало лучше. Но все равно есть несколько косяков.
1. Картинка слева в шапке сайта прячется влево.
2. Картинка справа в шапке тоже сдвигается влево и обрезана.
3. Нижняя часть шаблона немного не корректно отображается.
Помогите пожалуйста все исправить
#6
Отправлено 28 Декабрь 2016 - 12:18
fild77 (18 Декабрь 2016 - 01:39) писал:
Здравствуйте.
Сделал. Стало лучше. Но все равно есть несколько косяков.
1. Картинка слева в шапке сайта прячется влево.
2. Картинка справа в шапке тоже сдвигается влево и обрезана.
3. Нижняя часть шаблона немного не корректно отображается.
Помогите пожалуйста все исправить
Сделал. Стало лучше. Но все равно есть несколько косяков.
1. Картинка слева в шапке сайта прячется влево.
2. Картинка справа в шапке тоже сдвигается влево и обрезана.
3. Нижняя часть шаблона немного не корректно отображается.
Помогите пожалуйста все исправить
Здравствуйте.
Данная проблема еще актуальна? Если да, уточните, пожалуйста, версию и название браузера.
На текущий момент зафиксировать то, что указано на скриншоте не удалось, все отображается корректно.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных