Вёрстка « Как сделать одинаковым отображение сайта в различных браузерах?

Есть непонятные различия свёрстаного сайта в разных браузерах. Раньше сайт был на таблицах.
Прошу помощи!

Различия:
1)В IE7 вьюн по имени detal1.png фиксированно закреплен относительно всей страницы, а не прокручивающегося текста. В остальных браузерах всё норм.
как это выглядит, когда прокручиваешь текст:

В старой табличной верстке такой проблемы не было http://www.tramplinclub.ru
ссылка на трабл: http://www.tramplinclub.ru/index.php

2)В Opera 10 скачет div #banner. Обратите внимание при загрузке старницы, как банер прилипает к wrapper, игнорируя заданное ему свойство margin-top::18px;
как это выглядит:

а надо с чёрной полоской margin-top::18px:


добавил у wrapper-у св-во margin:15px 0 20px 0; - результат тот же(

ссылка на трабл: http://www.tramplinclub.ru/index.php

Прошу помощи, тк исправить это я не в силах.
0
валидация верстка

1 ответов

С Оперой все просто:


#banner {
margin-top::18px;
}
 
Лишнее двоеточие.
Для черной полоски добавьте в #footer такое:

#footer {
overflow:hidden;
}
 
1

сбрасывайте предварительно настройки разных браузеров к одному виду, например так:


html,body,div,span,applet,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td
  {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
  zoom: 1;
}
 
метод называется reset.css, в разных фреймворках он присутствует с небольшими отличиями
http://www.google.com/search?hl=ru&q=reset.css
0