DIV вёрстка и TABLE (width: 100%) - Форум интересных решений

[ Новые сообщения · Участники · Поиск по форуму · RSS ]

Страница 1 из 2
1
2
»

Архив - только для чтения

DIV вёрстка и TABLE (width: 100%)

}{0тт@бь)ч

Отредактировал }{0тт@бь)ч - Воскресенье, 15 Марта 2009, 20:20

Дата: 16 Марта 2009, 16:42 | Сообщение # 1

● ● ● ● ●

1089 сообщений

« 145 »

0 наград

Статус: Offline

При вёрстке дизайна блоками и последующей вставке таблиц с шириной = 100% в основную кнотент-часть получается такая шняга:

Заменить таблицу дивом нельзя, как и переделывать дизайн на таблицы.
чё делать? (p.s. знаю, ие фтопку, но блин...)

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

(масштаб уменьшен)
Вот как должно быть:

сырцы:

Code

<div class="ov" style="display:none;" id="ov">Щёлкните, чтобы закрыть</div>
<table border="0" onclick="cls()" cellpassing="0" cellspacing="0" width="100%" height="100%" class="im" style="display:none;" id="im"><tr><td id="ims" valign="middle" align="center">
<img id="fullimg" src="/" style="border:1px solid #666;opacity:0.0;" onload="this.style.opacity='1.0';document.getElementById('ov').innerHTML='Щёлкните, чтобы закрыть';this.style.height='auto';this.style.width='auto';if(this.height>document.body.clientHeight-100){this.style.height=document.body.clientHeight-100; ish=1}else{ish=0}; if(this.width>document.body.clientWidth-100){this.style.width=document.body.clientWidth-100; this.style.height='auto'}">
</td></tr></table>

<script>
function show(imgsrc,wgt)
{
document.getElementById('ov').style.display='';
document.getElementById('ov').innerHTML='Изображение загружается, подождите... ('+wgt+' kb)<br>Щёлкните, чтобы закрыть';
document.getElementById('im').style.display='';
document.getElementById('ims').style.display='';
document.getElementById('fullimg').src=imgsrc;
}
function cls()
{
document.getElementById('ov').style.display='none';
document.getElementById('im').style.display='none';
document.getElementById('ims').style.display='none';
document.getElementById('fullimg').style.opacity='0.0';
}
</script>

CSS:

.ov {position:fixed;top:0;left:0;background:#000000;z-index:999998;width:100%;height:100%; opacity:0.75;padding:10px;text-align:center;color:#AAAAAA;font-size:10pt; }
.im {cursor:pointer;position:fixed;top:0;left:0;background:transparent;z-index:999999; }

нужно его приспособить под ие (седьмой)
помогите, а то я апстенку апту убьюсь surprised