Сдвигание фона в FF и Opera

styleroom · October 12, 2008

Всем привет!

Не пойму где загвоздка = сдвигается фон на 1 пиксель... В FF влево, в Opera - вправо!

Но только с одним НО - если установить для дива "love" высоту...

Если высота не установлена - все тип-топ...

Вот код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>" СДВИГАНИЕ ФОНА " в FF и Opera</title>
<style type="text/css">
<!--
body {margin: 0px; background-color:#333333;}
#page {background:url(http://styleroom.ru/newsite/interface/fon_big.jpg) repeat-y center center;}
#base {width:760px;}
#logo {height:98px; background: #FFFFFF;}
#header {height:283px; background:#3d718e;}
#razdel {background-color:#FFFFFF;font-size:1px;height:2px;}
#navbar {height: 40px; background-color:#0b3248;}
#welcome {background:#27495b;}
#love {/*height:394px;*/ background: #27495b;}
#footer {height:249px;background:#2e566c;}
#counter {height:85px; background:#0b3248;}
-->
</style></head>

<body>
<div id="page" align="center">
  <div id="base">
    <div id="logo">Content for  id "base" Goes Here</div>
    <div id="header">Content for  id "header" Goes Here</div>
    <div id="razdel">Content for  id "razdel" Goes Here</div>
    <div id="navbar">Content for  id "navbar" Goes Here</div>
    <div id="welcome">Content for  id "welcome" Goes Here</div>
    <div id="love">Content for  id "love" Goes Here</div>
    <div id="footer">Content for  id "footer" Goes Here</div>
    <div id="counter">Content for  id "counter" Goes Here</div>
  </div>
</div>
</body>
</html>

В чем загвоздка, коллеги ?

Vlad · October 12, 2008

Дело мне кажется в разном рендере этих браузеров. Фон выравнивается по центру и не так точно позиционируется, как хотелось бы.

styleroom · October 12, 2008

Дело мне кажется в разном рендере этих браузеров. Фон выравнивается по центру и не так точно позиционируется, как хотелось бы.

то есть - данная ситуация НЕ ЛЕЧИТСЯ?

rash · October 12, 2008

Вообще, если бы видеть, как это выглядит на странице, можно было бы предложить другие варианты.

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

styleroom · October 12, 2008

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

спозиционировать по левому углу - не получится...

посмотреть воочию можно здесь = http://styleroom.ru/newsite/default_htmlbook.html

styleroom · October 12, 2008

В общем, раз не лечится, добавил еще один див, прописал на контейнер бордеры по бокам и затер белый фон на бэкграунде...

все теперь как надо! http://styleroom.ru/newsite/index.html

Vlad · October 13, 2008

Ну вот, другое дело!

styleroom · October 13, 2008

Ну вот, другое дело!

Все таки не понятно - как же так: фон сдвигается и все тут...

Причем только если установить высоту конкретному блоку!

Я уж пробовал по всякому: и переименовывал его, и удалял бэк и т.д. и т.п.

Sign In

Сдвигание фона в FF и Opera

Question

styleroom

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

styleroom

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

styleroom

Link to comment

Share on other sites

styleroom

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

styleroom

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information