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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


Здравствуйте. В общем есть у меня уже давненько сайт на 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


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


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


Самый смак вот в этом куске кода:
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 в 16 миллионов доменов! Свежая сборка.
17 Boymaster 9814 17.3.2024, 2:53
автор: Boymaster
Открытая тема (нет новых ответов) Перенос сайта на CMS Wordpress
8 freeax 4849 10.3.2024, 14:58
автор: freeax
Открытая тема (нет новых ответов) Как настроить в WordPress для SEO оптимизации
8 rownong27 2431 2.3.2024, 12:59
автор: toplinks
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Горячая тема (нет новых ответов) Восстановление сайтов из Вебархива на Wordpress.
39 freeax 32503 14.2.2024, 14:32
автор: freeax


 



RSS Текстовая версия Сейчас: 29.3.2024, 14:16
Дизайн