«Друзья, не позволяйте друзьям использовать IE6»

almazmusic · Повідомлення 19.08.2009 23:13

Blah:min-width? в ie6?

та понятно, что к ие6 не относится... я как бы в общем

pasha4ur:не помогло

не туда вписал или не там вписал или не так вписал - выбери нужный вариант

Blah · Повідомлення 19.08.2009 23:14

Исходя из вышепредставленного кода должно было помочь.

pasha4ur · Повідомлення 19.08.2009 23:24

Кидаю картинку и код. Иду спать. не знаю. Я первый раз полностью с блоками делаю. Вчере работало вроде. Сейчас с блоком "sky" фигня:

Код: Виділити все

<body>
  <div id="sky">1
  <div id="cloud5"></div>
  <div id="cloud4"></div>
  <div id="cloud3"></div>
  <div id="cloud2"></div>
  <div id="cloud1"></div>
  <div id="grass"></div> 
  </div>  
</body>

В ЦСС я правда уже куча всего дописал:

Код: Виділити все

*
{
    margin:0px;
	padding:0px;
}
body
{
    height:100%;
	line-height:1.5em;
	font-family:Verdana, Arial, san-serif;
	font-size:11px;
	text-align:center;
	color:#999999;
	background: #0033FF;
}

#sky
{
    position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	bottom:0px;
	background: url(./images/bg.png) left bottom repeat-x #0033FF;
}

#cloud1
{
    position:absolute;background:#333333;
	height:245px;
	width:100%;
	top:0px;
	left:0px;
    background:url(./images/cloud1.png) -70px top repeat-x;
}

#cloud2
{
    position:absolute;background:#333333;
	height:167px;
	width:100%;
	top:220px;
	left:0px;
    background:url(./images/cloud2.png) -0px top repeat-x;
}

#cloud3
{
    position:absolute;background:#333333;
	height:209px;
	width:100%;
	left:0px;
	top:410px;
    background:url(./images/cloud3.png) +40px top repeat-x;
}

#cloud4
{
    position:absolute;background:#333333;
	height:127px;
	width:100%;
	top:600px;
	left:0px;
    background:url(./images/cloud4.png) -115px top repeat-x;
}

#cloud5
{
    position:absolute;background:#333333;
	height:34px;
	width:100%;
	bottom:112px;
	left:0px;
    background:url(./images/cloud5.png) -0px top repeat-x;
}

#grass
{
    position:absolute;
	height:119px;
	width:100%;
	bottom:0px;
	left:0px;
    background:url(./images/grass.png) left bottom repeat-x;
}

Добавлено спустя 2 минуты 5 секунд:
В фотошопе сделать 10мин, сверстать под Опер/ФФ 10мин (я этим практически не занимался), разборки с ИЕ6 - 3 часа.

almazmusic · Повідомлення 19.08.2009 23:25

pasha4ur
я всё понимаю, но к чему глобальное абсолютное позиционирование? я не допру... вроде бы даже контент не должен расширяться... хотя не знаю, я просто такое никогда не пробовал)))

pasha4ur · Повідомлення 19.08.2009 23:32

Все работало пока я не полез всовывать в блок "sky" враппер с основным содержанием. Там ИЕ6 такое чудил %). Легче небо и траву было слепить вместе и сделать непрокручивающимся (так и хотел), но облака при уменьшении будут налазить на траву.
Еще была проблема, что при большой высоте враппера "трава" не сдвигалась вниз и "sky" не растягивался. Как-то решил, но не знаю как

)

Добавлено спустя 3 минуты 46 секунд:

almazmusic:я всё понимаю, но к чему глобальное абсолютное позиционирование? я не допру... вроде бы даже контент не должен расширяться... хотя не знаю, я просто такое никогда не пробовал)))

не знаю. Я первый раз делаю. Относительное какое-то стремное и пстоянно прыгает + вроде мне не подходит. У меня же:
1 див основной;
3 вложенных дива отталкиваются от верхней границы;
2 дива от нижней

Короче надо идти спать

Добавлено спустя 40 секунд:
Контент по высоте будет разный

almazmusic · Повідомлення 19.08.2009 23:33

pasha4ur:сверстать под Опер/ФФ 10мин (я этим практически не занимался), разборки с ИЕ6 - 3 часа

там на самом деле простейшее... и ты всё сделал так замудрёно...

pasha4ur · Повідомлення 19.08.2009 23:40

background:#333333;

Это я использовал как маркер, не обр внимания

Добавлено спустя 6 минут 12 секунд:
не знаю. Все работает и так, но в ие6 даже 1 слой skу отображается полоской с цифрой 1.

Ушел спать.

almazmusic · Повідомлення 19.08.2009 23:40

pasha4ur:вроде мне не подходит

нет такого... есть работает и не работает...

pasha4ur · Повідомлення 20.08.2009 14:50

Капец. Встал с утра, написал:

#sky
{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
bottom:0px;
background: url(./images/bg.png) left bottom repeat-x #0033FF;
}

Все фурычит. Сто раз вчера писал

). ИЕ6 - это загадка.

Теперь буду опять всовывать в него слой с контентом и пыхтеть, чтобы он подстраивался под разную высоту контента на разных страницах

Хоть бы опять не убить

Добавлено спустя 4 часа 13 минут 1 секунду:
Не подскажете? Для body прописываю:

Код: Виділити все

background: url(./images/bg.png) bottom repeat-x;

Фоновой картинки нет .

Убираю "bottom" - есть!
Высота картинки 1200пкс