CSS compatabiltiy между IE, Firefox и Chrome (wordpress)

Question

Я создал сайт с использованием темы презрения (wordpress), и я меняю его CSS, чтобы сделать его более широким.

Проблема в том, что я могу сделать ее отлично смотрящей как на Internet Explorer, так и на Firefox и Chrome, но не на всех трех одновременно.

Если удалить боковую панель тег:

#sidebar { 
width:200px; 
padding:20px 200px 10px; 
} 

страница выглядит ОК на IE (как теперь - physiocall.co.il), но боковая панель скрыта в Firefox и хром.

Если добавить этот маленький тег в CSS - Сайт выглядит большим на Firefox и хром (боковая панель подтолкнуло слева это место) но IE он идет вниз - ниже всей страницы.

Любые идеи, как я могу изменить css, чтобы он выглядел корректно как для IE, так и для Firefox. Любые идеи, из-за чего FF и Chrome визуализировать css одним способом, а IE по-другому?

Спасибо.

весь CSS:

#content { 
float:right; 
width:649px; 
margin:-50px 30px 0; 
padding:0 0 20px 45px; 
} 

#topbar { 
max-width:950px; 
height:25px; 
line-height:23px; 
background:#FFFFE6; 
overflow:hidden; 
border-bottom:1px black solid; 
margin:0; 
} 

#pagebar { 
background:url('images/blue_flower/pagebar.jpg'); 
width:950px; 
height:35px; 
border-bottom:1px black solid; 
margin:0; 
padding:0; 
} 

#pagebar .children li,#pagebar .sub-menu li { 
min-width:105px; 
border-left:1px #e1e1e1 solid; 
border-bottom:1px #e1e1e1 solid; 
margin:0; 
padding:0; 
} 

#pagebar ul a { 
background-color:#f1f1f1; 
width:101px; 
} 

#page { 
width:950px; 
} 

#sidebar { 
width:200px; 
padding:20px 200px 10px; 
} 

Answer 1

Решение было

#sidebar { 
float:left; 
width:200px; 
margin:-20px 10px 5px 5px; 
} 

Похоже, IE и FF имел противоположное значение по умолчанию для параметра поплавка, следовательно, делает невозможным установить его прямо. после задания значения с плавающей запятой маржа фиксировала остальное для обоих браузеров.

Answer 2

жаль говорить это, но вы должны начать с нуля и укомплектовать переставить вывод HTML и CSS. возможно, это практика кодирования из-за rtl, но ваш #content появляется перед боковой панелью и имеет float: справа, в то время как ваша боковая панель расположена слева от содержимого с левом краем: 530 пикселей.

и ваше содержание имеет 640 ширина ..

, которые не могут работать и не быть исправлены некоторыми niffty CSS трюк.

извините.

Answer 3

Поскольку он работает в IE, но не в современных браузерах, это говорит о том, что вы использовали IE в качестве своего первоначального теста. Никогда, никогда не делай этого. IE отстает от всех остальных на 12 лет по современным стандартам и требованиям. В лучшем случае неумело, вы не должны доверять IE, чтобы делать что-то правильно.

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

Итак, перерабатывая разметку, используйте любой браузер, но IE для первоначального теста. Затем посмотрите, как IE завинчивает его. Чувства и ошибки в IE хорошо известны, как и взломать его.