VPF::Проблема с div'ами - Форум программистов

Georgich

Дата 20.1.2008, 21:49 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 20.1.2008

Репутация: нет
Всего: нет

Привет всем! Начал верстать под DataLife div'ами. Столкнулся с такой проблемой. Не могу понять, почему в "подвале" (оно же ft) не отображается фон. Вот код в CSS и HTML :

Код

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input
,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {font:11px arial,helvetica,clean,sans-serif;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
body{text-align:center;}
#ft{clear:both;text-align: center;padding: 4px 0;background-image: url("{THEME}/images/19.jpg");}
#doc{margin:auto;text-align:left;width:57.69em;min-width:750px; border-left:1px solid #000; border-right:1px solid #000;background:#ffffff}
.yui-b{position:relative;}
#yui-main .yui-b{position:static;}
#yui-main{width:100%;}
.yui-t2 #yui-main{float:right;margin-left:-25em;}
.yui-t2 .yui-b{float:left;width:13.8456em;}
.yui-t2 #yui-main .yui-b{margin-left:14.8456em;}
#yui-main .yui-b{float:none;width:auto;}
#bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

Код

<body background="{THEME}/images/bg.jpg">
{AJAX}
<div id="doc" class="yui-t2">
<div id="hd">
<img src="{THEME}/images/1.jpg" width=236 height=124>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
{content}
</div>
</div>
<div class="yui-b">
{topnews}
</div>
</div>
<div id="ft">
<b>текст</b>
</div>
</div>
</body>

Надеюсь на ваше помощь. Спасибо!

Georgich

Дата 20.1.2008, 22:25 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 20.1.2008

Репутация: нет
Всего: нет

Так, с этой проблемой я разобрался. Тут другое интересует : в лисе и в опере все отображается нормально, а вот в IE контейнер сжимается, делается уже страница. В чем трабла?

bazzjr

Дата 21.1.2008, 08:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

трабла в том что ИЕ не понимает min-width и max-width, поэтому тут надо приходить к css хакам, либо использовать небольшие скрипты в стилях, либо позиционировать относительно других контейнеров.

один из них:
* html #min-width {
width:expression(document.body.clientWidth > 750? “100%” :”750px”);
}

Georgich

Дата 21.1.2008, 20:09 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 20.1.2008

Репутация: нет
Всего: нет

bazzjr, я просто убрал min-, оставив width:750px. И в IE все стано норм. Не пойму, в чем прикол тогда был?

gta4kv

Дата 21.1.2008, 20:46 (ссылка)

(нет голосов)

Загрузка ...

Walking around mad.

Профиль
Группа: Завсегдатай
Сообщений: 1868
Регистрация: 25.7.2006

Репутация: нет
Всего: 91

Цитата(Georgich @ 21.1.2008, 20:09)

bazzjr, я просто убрал min-, оставив width:750px. И в IE все стано норм. Не пойму, в чем прикол тогда был?

тебе же написал bazzjr:

Цитата

трабла в том что ИЕ не понимает min-width и max-width

Georgich

Дата 21.1.2008, 21:49 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 20.1.2008

Репутация: нет
Всего: нет

gta4kv, это я видел. Я просто не понял что у меня делал min-width в коде, если можно просто width обойтись.

bazzjr

Дата 22.1.2008, 09:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

Цитата(Georgich @ 21.1.2008, 21:49)

gta4kv, это я видел. Я просто не понял что у меня делал min-width в коде, если можно просто width обойтись.

Извини чувак... ИМХО smile

просто потому-что код надо самому писать, а не копировать smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »