X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с куском кода из шаблона на wordpress
Jaroslav
Jaroslav
Topic Starter сообщение 21.6.2011, 23:27; Ответить: Jaroslav
Сообщение #1


Участник
***

Группа: User
Сообщений: 149
Регистрация: 16.10.2010
Поблагодарили: 24 раза
Репутация:   8  


Здравствуйте. В общем есть у меня уже давненько сайт на wordpress. Установил на него шаблон, переписал под себя, но вот есть в файле style.css код, который не оставляет у меня покоя, все бы ничего, но в разных браузерах, сайт смотрится немного по-разному. В общем нет кроссбраузерности. Вот этот странный кусок кода:

#container{
margin:0;
padding:0 240px 0 240px;
}
#wrapper{
width:100%;
float:left;
border-left:240px solid #eee; /* Sidebar left background color */
border-right:240px solid #eee; /* Siderab right background color */
margin-left:-240px;
margin-right:-240px;
background-color:#fff;
display:inline;
}
.sidebar {
padding:21px;
}
#sidebar_left{
float:left;
width:180px;
margin:0 0 0 -240px;
position:relative;
background-image: url('images/left.png');
background-position: center bottom;
background-repeat: no-repeat;
top:0;
width: 100%;
height: 1500px;
}
#content{
float:left;
width:92%;
margin-right:-100%;
padding:20px 5% 0 4%;
overflow:hidden;
background:#fff;
}
#sidebar_right{
float:right;
width:225px;
margin:0 -240px 0 0;
position:relative;
background-image: url('images/left.png');
background-position: center bottom;
background-repeat: no-repeat;
top:0;
width: 100%;
height: 1500px;
}

Код для меня кажется и в правду странным, особенно отрицательные значения margin. Помогите пожалуйста грамотно переписать его, укажите на ошибки. Заранее всем большое спасибо.


--------------------
Узнай сам, что такое Пресс-Релизы.РФ
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Linyli
Linyli
сообщение 22.6.2011, 13:09; Ответить: Linyli
Сообщение #2


Участник
***

Группа: User
Сообщений: 135
Регистрация: 22.2.2010
Из: Санкт-Петербург
Поблагодарили: 68 раз
Репутация:   14  


В самих по себе отрицательных margin'ах ничего страшного нет. Может быть, сайт покажете? С каким именно браузером и в чем проблема?


--------------------
Аудит сайтов, индивидуальные консультации по повышению конверсии! Заказы принимаю здесь
Бесплатный экспресс-аудит сайтов
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FladeX
FladeX
сообщение 22.6.2011, 20:22; Ответить: FladeX
Сообщение #3


Завсегдатай
*****

Группа: Active User
Сообщений: 868
Регистрация: 5.12.2008
Из: Саранск
Поблагодарили: 269 раз
Репутация:   45  


Самый смак вот в этом куске кода:
width:100%;
float:left;
border-left:240px solid #eee; /* Sidebar left background color */
border-right:240px solid #eee; /* Siderab right background color */
margin-left:-240px;
margin-right:-240px;

Во-первых, если используется обтекание, то смысл делать ширину в 100%?
Во-вторых, если используются border, причём даже не пиксельные, а аж в 240 пикселей, то ширину тем более надо указывать менее 100%. Хотя тут это обошли с помощью margin.
В-третьих, IE плохо понимает отрицательный margin. Можно обойти через вариант с позиционированием, но лучше сделать вообще без отрицательных отступов.

Одним словом, стоит переписать этот кусок.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка, натяжка на WordPress, Joomla, качественно, доступно
53 WhiteIce 23731 Вчера, 19:41
автор: WhiteIce
Горячая тема (нет новых ответов) Разработка сайтов Joomla Wordpress Opencart
Разработка, верстка, оптимизация веб сайтов.
48 WoWeb 7308 Вчера, 13:37
автор: serg5777
Открытая тема (нет новых ответов) Адаптивная вёрстка и натяжка на Wordpress, DLE, Joomla и др. Создание мобильных версий.
Хороший код с оптимизацией по скорости. Сайты и лендинги "под ключ
11 Nell 1084 11.12.2017, 15:21
автор: Nell
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1329 11.12.2017, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Как включить автоматическое обновление для плагинов WordPress и самого движка?
0 Telnor 383 10.12.2017, 13:27
автор: Telnor


 



RSS Текстовая версия Сейчас: 13.12.2017, 7:38
Дизайн