Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Проблема с div'ами

Автор: Georgich 20.1.2008, 21:49

Привет всем! Начал верстать под 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

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

Автор: bazzjr 21.1.2008, 08:29

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

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

Автор: Georgich 21.1.2008, 20:09

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

Автор: gta4kv 21.1.2008, 20:46

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

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

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

Цитата

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

Автор: Georgich 21.1.2008, 21:49

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

Автор: bazzjr 22.1.2008, 09:40

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

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

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

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