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. Можно обойти через вариант с позиционированием, но лучше сделать вообще без отрицательных отступов.

Одним словом, стоит переписать этот кусок.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПрошу помощи знатоков wordpress
10 SOROKVLAD29 1351 Сегодня, 11:11
автор: vladislavaba
Открытая тема (нет новых ответов) Верстка + натяжка на CMS WordPress, OpenCart
2 Chezarius 298 Вчера, 19:38
автор: k_artem
Открытая тема (нет новых ответов) Русские темы для WordPress. Недорого.
0 SOROKVLAD29 327 Вчера, 10:16
автор: SOROKVLAD29
Горячая тема (нет новых ответов) Услуги по CMS Wordpress, DLE, Joomla!. Правки, ремонт, настройка.
Редактирование и правки. Низкие цены.
156 contex1 70823 22.5.2018, 0:06
автор: AnnaProf
Открытая тема (нет новых ответов) Удаляю вирусы на CMS WordPress. Чищу качественно и быстро, даю гарантию.
10 maxix 1156 21.5.2018, 16:59
автор: maxix


 



RSS Текстовая версия Сейчас: 25.5.2018, 11:39
Дизайн