Не понятно в чем дело

iLEM · May 4, 2011

У меня возникла проблема в следующем: не могу нормально собрать таблицу, то разъезжается все, то сжимается

То что мне надо, но без красного бордера: Link1

Без красного бордера, но получается криво: Link2

В лисичке и опере еще более менее отбражается, а в IE совсем плохо.

Идея заключалась в том, чтобы создать таблицу 5*3, крайний слева и справа столбцы - это отступы, а внутренние это оформление(оконтовка) сайта, в центральной ячейке вставлено вертикальное(простейшее) меню. Уже перепробовал кучу способ, чтобы добиться такого оформления Может кто разъяснить где ошибки или подсказать как сделать правильно?

С Уважением, Евгений.

Edited May 4, 2011 by iLEM

d0ublezer0 · May 5, 2011

Ну вы блин и нагородили... Таблицы-то вам зачем? Слои в таблицах, стили - бохтыхмой

iLEM · May 5, 2011

Ну вы блин и нагородили... Таблицы-то вам зачем? Слои в таблицах, стили - бохтыхмой

самоучка

d0ublezer0 · May 5, 2011

самоучка

Я - тоже

Почитайте htmlbook обязательно, очень много нового узнаете.

d0ublezer0 · May 5, 2011

Держите, на коленке накидал, как можно.

Цвета, расположение и размеры уже сами поправите.

Развлекайтесь


<!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" />

        <style type="text/css">
            body {
                background: #000;
            }
            img {
                border:0;
            }
            .main_wrap{
                overflow:hidden;
                position:relative;
                padding:20px;
            }
            .head {
                background: url(imgZ/headCenter.png) repeat-x;
                margin:0 9px;
                height:135px;
                position: relative;
            }
            .head .lc {
                float:left;
                background: url(imgZ/headLeft.png) no-repeat -9px 0;
                height:135px;
                width:28px;
                margin-left:-9px
            }
            .head .rc {
                float:right;
                background: url(imgZ/headRight.png) no-repeat 9px 0;
                height:135px;
                width:28px;
                margin-right:-9px;
            }
            .logo {
                position:absolute;
                left:0;
                top:13px;
            }
            .content {
                background: url(imgZ/backPic.jpg) no-repeat center top;
                overflow: hidden;
                color:#efefef;
            }
            .content .lcol{
                float: left;
                width:250px;
            }
            .content .rcol{
                overflow: hidden;
                margin-left: 250px;
            }
            .wrapper {
                padding:10px 20px;
            }
            .lcol ul.menu {
                background: url(imgZ/menuMiddle.png) repeat;
                list-style: none;
                padding:0;
                margin:0;
            }
            .lcol ul.menu li{
                list-style: none;
                padding:0;
                margin:0;
            }

            .lcol ul.menu li a{
                color:#fff;
                font-size:12pt;
                display:block;
                padding:4px 15px;
            }
            .lcol ul.menu li a:hover{
                background: #2E8CCC;
            }
            .footer {
                background: url(imgZ/tailCenter.png) repeat-x;
                margin:0 9px;
                height:87px;
                position: relative;
            }
            .footer .lc {
                float:left;
                background: url(imgZ/tailLeft.png) no-repeat -9px 0;
                height:87px;
                width:26px;
                margin-left:-9px
            }
            .footer .rc {
                float:right;
                background: url(imgZ/tailRight.png) no-repeat 9px 0;
                height:87px;
                width:26px;
                margin-right:-9px;
            }
        </style>
    </head>

    <BODY >


        <div class="main_wrap">
            <div class="head">
                <span class="lc"></span>
                <span class="rc"></span>
                <a href="/"><img class="logo" src="imgZ/logo.png" /></a>
            </div>
            <div class="content">
                <div class="lcol">
                    <ul class="menu">
                        <li><a href="#">Menu item</a></li>
                        <li><a href="#">Menu item</a></li>
                        <li><a href="#">Menu item</a></li>
                        <li><a href="#">Menu item</a></li>
                        <li><a href="#">Menu item</a></li>
                        <li><a href="#">Menu item</a></li>
                    </ul>
                </div>
                <div class="rcol">
                    <div class="wrapper">
                        <h1>Общественный комплексный анализ ситуации: предпосылки и развитие</h1>
                        <p>Фокус-группа изменяет медиавес, учитывая результат предыдущих медиа-кампаний. Стратегия сегментации программирует комплексный поведенческий таргетинг, не считаясь с затратами. Эластичность спроса программирует охват аудитории, учитывая современные тенденции. Презентационный материал решительно притягивает ребрендинг, учитывая результат предыдущих медиа-кампаний. Реклама последовательно трансформирует пресс-клиппинг, опираясь на опыт западных коллег.</p>

                        <p>Воздействие на потребителя, как следует из вышесказанного, нейтрализует эмпирический PR, не считаясь с затратами. Адекватная ментальность, конечно, однородно отталкивает рекламный блок, не считаясь с затратами. Еще Траут показал, что поисковая реклама допускает комплексный PR, невзирая на действия конкурентов. Партисипативное планирование специфицирует сублимированный поведенческий таргетинг, не считаясь с затратами. Один из признанных классиков маркетинга Ф.Котлер определяет это так: тактика выстраивания отношений с коммерсчекими агентами упорядочивает ребрендинг, осознавая социальную ответственность бизнеса. План размещения интуитивно отталкивает диктат потребителя, полагаясь на инсайдерскую информацию.</p>

                        <p>Более того, опрос непосредственно искажает конвергентный имидж, опираясь на опыт западных коллег. PR порождает презентационный материал, используя опыт предыдущих кампаний. Promotion-кампания, анализируя результаты рекламной кампании, директивно специфицирует конвергентный медиавес, признавая определенные рыночные тенденции. Product placement охватывает рыночный жизненный цикл продукции, учитывая результат предыдущих медиа-кампаний. Размещение недостижимо.</p> 
                    </div>
                </div>
            </div>
            <div class="footer">
                <span class="lc"></span>
                <span class="rc"></span>
                <div class="wrapper">
                    alfa-версия сайта от 04.05.2011 © Все права защищены</div>
            </div>
        </div>
    </body>

</html>

Код на идеальность не претендует, просто мне было нечем заняться в последний день перед отпуском

andyarus · May 5, 2011



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>7 Group of fpmi</title>
<style type="text/css">

body {
   background: url(background.png);
   font-family: Georgia, serif;
}

/* Header */
/* ————————————————————— */

.bg_left_top {
   background: url(./imgZ/headLeft.png) no-repeat left top;
   height: 135px;
}
.bg_right_top {
   background: url(./imgZ/headRight.png) no-repeat right top;
   height: 100%;
}
.bg_top {
   background: url(./imgZ/headCenter.png) repeat-x;   
   height: 100%;
   margin: 0 26px;
}

/* Logo */

.logo {
   padding-top: 15px;
}
.logo img {
   border: none;
}



/* Content */
/* ————————————————————— */

#content {
   padding: 0 9px;
   height: 500px;
}
.image {   
   background: url(imgZ/backPic.jpg) no-repeat center;
   height: 100%;
   overflow: hidden;
}



/* Menu */
/* ————————————————————— */
.menu {
   position: relative;
   top: 40%;
}
ul {
   list-style: none;
   padding: 0;
   width: 376px;
   text-align: center;
}
li {
   padding: 3px 0;
}
.menuTop {
   background: url(imgZ/menuTop.png) no-repeat;
   height: 11px;
}
.menuMiddle {
   background: url(imgZ/menuMiddle.png);

}
.menuBottom {
   background: url(imgZ/menuBottom.png) no-repeat;
   height: 11px;
}
ul a {
   color: #fff;
   text-decoration: none;
}



/* Bottom */
/* ————————————————————— */

.bg_left_bottom {
   background: url(./imgZ/tailLeft.png) no-repeat left bottom;
   height: 87px;
}
.bg_right_bottom {
   background: url(./imgZ/tailRight.png) no-repeat right bottom;   
   height: 100%;
}
.bg_bottom {
   background: url(./imgZ/tailCenter.png) repeat-x;   
   height: 100%;
   margin: 0 26px;
}



/* Footer */
/* ————————————————————— */

#footer p {
   margin: 0;
   font-size: 16px;
   position: relative;
   left: 10px;
   bottom: 10px;
   width: 500px;
}

</style>

<!--[if IE 7]>
<style type="text/css">
   .menu { left: -40px; }
   .menuBottom { margin-top: -1px; }
</style>
<![endif]-->

<!--[if IE 6]>
<style type="text/css">
   .menu { left: -40px; } 
   .menuTop { margin-bottom: -8px; }
   .bg_bottom { position: relative; left: 1px;  }
   .bg_right_bottom { position: relative; right: 1px;  }
</style>
<![endif]-->

<!-- Решение проблемы с прозрачностью .png в ie6 - http://www.dillerdesign.com/experiment/DD_belatedPNG/ -->

<!--[if IE 6]>
<script type="text/javascript">

/**
* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
* Author: Drew Diller
* Email: drew.diller@gmail.com
* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
* Version: 0.0.8a
* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
*
* Example usage:
* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
**/

/*
PLEASE READ:
Absolutely everything in this script is SILLY.  I know this.  IE's rendering of certain pixels doesn't make sense, so neither does this code!
*/

var DD_belatedPNG = {
	ns: 'DD_belatedPNG',
	imgSize: {},
	delay: 10,
	nodesFixed: 0,
	createVmlNameSpace: function () { /* enable VML */
		if (document.namespaces && !document.namespaces[this.ns]) {
			document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
		}
	},
	createVmlStyleSheet: function () { /* style VML, enable behaviors */
		/*
			Just in case lots of other developers have added
			lots of other stylesheets using document.createStyleSheet
			and hit the 31-limit mark, let's not use that method!
			further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
		*/
		var screenStyleSheet, printStyleSheet;
		screenStyleSheet = document.createElement('style');
		screenStyleSheet.setAttribute('media', 'screen');
		document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild);
		if (screenStyleSheet.styleSheet) {
			screenStyleSheet = screenStyleSheet.styleSheet;
			screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
			screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;');
			screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
			this.screenStyleSheet = screenStyleSheet;

			/* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */
			/* Thanks to Rйmi Prйvost for automating this! */
			printStyleSheet = document.createElement('style');
			printStyleSheet.setAttribute('media', 'print');
			document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild);
			printStyleSheet = printStyleSheet.styleSheet;
			printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}');
			printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}');
		}
	},
	readPropertyChange: function () {
		var el, display, v;
		el = event.srcElement;
		if (!el.vmlInitiated) {
			return;
		}
		if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
			DD_belatedPNG.applyVML(el);
		}
		if (event.propertyName == 'style.display') {
			display = (el.currentStyle.display == 'none') ? 'none' : 'block';
			for (v in el.vml) {
				if (el.vml.hasOwnProperty(v)) {
					el.vml[v].shape.style.display = display;
				}
			}
		}
		if (event.propertyName.search('filter') != -1) {
			DD_belatedPNG.vmlOpacity(el);
		}
	},
	vmlOpacity: function (el) {
		if (el.currentStyle.filter.search('lpha') != -1) {
			var trans = el.currentStyle.filter;
			trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
			el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */
			el.vml.image.fill.opacity = trans; /* complete guesswork */
		}
	},
	handlePseudoHover: function (el) {
		setTimeout(function () { /* wouldn't work as intended without setTimeout */
			DD_belatedPNG.applyVML(el);
		}, 1);
	},
	/**
	* This is the method to use in a document.
	* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
	**/
	fix: function (selector) {
		if (this.screenStyleSheet) {
			var selectors, i;
			selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
			for (i=0; i<selectors.length; i++) {
				this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
			}
		}
	},
	applyVML: function (el) {
		el.runtimeStyle.cssText = '';
		this.vmlFill(el);
		this.vmlOffsets(el);
		this.vmlOpacity(el);
		if (el.isImg) {
			this.copyImageBorders(el);
		}
	},
	attachHandlers: function (el) {
		var self, handlers, handler, moreForAs, a, h;
		self = this;
		handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
		if (el.nodeName == 'A') {
			moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
			for (a in moreForAs) {			
				if (moreForAs.hasOwnProperty(a)) {
					handlers[a] = moreForAs[a];
				}
			}
		}
		for (h in handlers) {
			if (handlers.hasOwnProperty(h)) {
				handler = function () {
					self[handlers[h]](el);
				};
				el.attachEvent('on' + h, handler);
			}
		}
		el.attachEvent('onpropertychange', this.readPropertyChange);
	},
	giveLayout: function (el) {
		el.style.zoom = 1;
		if (el.currentStyle.position == 'static') {
			el.style.position = 'relative';
		}
	},
	copyImageBorders: function (el) {
		var styles, s;
		styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
		for (s in styles) {
			if (styles.hasOwnProperty(s)) {
				el.vml.color.shape.style[s] = el.currentStyle[s];
			}
		}
	},
	vmlFill: function (el) {
		if (!el.currentStyle) {
			return;
		} else {
			var elStyle, noImg, lib, v, img, imgLoaded;
			elStyle = el.currentStyle;
		}
		for (v in el.vml) {
			if (el.vml.hasOwnProperty(v)) {
				el.vml[v].shape.style.zIndex = elStyle.zIndex;
			}
		}
		el.runtimeStyle.backgroundColor = '';
		el.runtimeStyle.backgroundImage = '';
		noImg = true;
		if (elStyle.backgroundImage != 'none' || el.isImg) {
			if (!el.isImg) {
				el.vmlBg = elStyle.backgroundImage;
				el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
			}
			else {
				el.vmlBg = el.src;
			}
			lib = this;
			if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
				img = document.createElement('img');
				lib.imgSize[el.vmlBg] = img;
				img.className = lib.ns + '_sizeFinder';
				img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
				imgLoaded = function () {
					this.width = this.offsetWidth; /* weird cache-busting requirement! */
					this.height = this.offsetHeight;
					lib.vmlOffsets(el);
				};
				img.attachEvent('onload', imgLoaded);
				img.src = el.vmlBg;
				img.removeAttribute('width');
				img.removeAttribute('height');
				document.body.insertBefore(img, document.body.firstChild);
			}
			el.vml.image.fill.src = el.vmlBg;
			noImg = false;
		}
		el.vml.image.fill.on = !noImg;
		el.vml.image.fill.color = 'none';
		el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
		el.runtimeStyle.backgroundImage = 'none';
		el.runtimeStyle.backgroundColor = 'transparent';
	},
	/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
	vmlOffsets: function (el) {
		var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
		thisStyle = el.currentStyle;
		size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
		fudge = (size.L + size.bLW == 1) ? 1 : 0;
		/* vml shape, left, top, width, height, origin */
		makeVisible = function (vml, l, t, w, h, o) {
			vml.coordsize = w+','+h;
			vml.coordorigin = o+','+o;
			vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
			vml.style.width = w + 'px';
			vml.style.height = h + 'px';
			vml.style.left = l + 'px';
			vml.style.top = t + 'px';
		};
		makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
		makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
		bg = {'X':0, 'Y':0};
		if (el.isImg) {
			bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
			bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
		}
		else {
			for (b in bg) {
				if (bg.hasOwnProperty() {
					this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
				}
			}
		}
		el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
		bgR = thisStyle.backgroundRepeat;
		dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
		altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
		if (bgR != 'repeat' || el.isImg) {
			c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
			if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
				v = bgR.split('repeat-')[1].toUpperCase();
				c[altC[v].b1] = 1;
				c[altC[v].b2] = size[altC[v].d];
			}
			if (c.B > size.H) {
				c.B = size.H;
			}
			el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
		}
		else {
			el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
		}
	},
	figurePercentage: function (bg, size, axis, position) {
		var horizontal, fraction;
		fraction = true;
		horizontal = (axis == 'X');
		switch(position) {
			case 'left':
			case 'top':
				bg[axis] = 0;
				break;
			case 'center':
				bg[axis] = 0.5;
				break;
			case 'right':
			case 'bottom':
				bg[axis] = 1;
				break;
			default:
				if (position.search('%') != -1) {
					bg[axis] = parseInt(position, 10) / 100;
				}
				else {
					fraction = false;
				}
		}
		bg[axis] = Math.ceil(  fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10)  );
		if (bg[axis] % 2 === 0) {
			bg[axis]++;
		}
		return bg[axis];
	},
	fixPng: function (el) {
		el.style.behavior = 'none';
		var lib, els, nodeStr, v, e;
		if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
			return;
		}
		el.isImg = false;
		if (el.nodeName == 'IMG') {
			if(el.src.toLowerCase().search(/\.png$/) != -1) {
				el.isImg = true;
				el.style.visibility = 'hidden';
			}
			else {
				return;
			}
		}
		else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
			return;
		}
		lib = DD_belatedPNG;
		el.vml = {color: {}, image: {}};
		els = {shape: {}, fill: {}};
		for (v in el.vml) {
			if (el.vml.hasOwnProperty(v)) {
				for (e in els) {
					if (els.hasOwnProperty(e)) {
						nodeStr = lib.ns + ':' + e;
						el.vml[v][e] = document.createElement(nodeStr);
					}
				}
				el.vml[v].shape.stroked = false;
				el.vml[v].shape.appendChild(el.vml[v].fill);
				el.parentNode.insertBefore(el.vml[v].shape, el);
			}
		}
		el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
		el.vml.image.fill.type = 'tile'; /* Makes image show up. */
		el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
		lib.attachHandlers(el);
		lib.giveLayout(el);
		lib.giveLayout(el.offsetParent);
		el.vmlInitiated = true;
		lib.applyVML(el); /* Render! */
	}
};
try {
	document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */
} catch(r) {}
DD_belatedPNG.createVmlNameSpace();
DD_belatedPNG.createVmlStyleSheet();

</script>
<script>

   DD_belatedPNG.fix('.bg_left_top');
   DD_belatedPNG.fix('.bg_right_top');
   DD_belatedPNG.fix('.bg_top');
   DD_belatedPNG.fix('.bg_left_bottom');
   DD_belatedPNG.fix('..bg_right_bottom');
   DD_belatedPNG.fix('.bg_bottom ');
   DD_belatedPNG.fix('.menuTop');
   DD_belatedPNG.fix('.menuMiddle');
   DD_belatedPNG.fix('.menuBottom');
   DD_belatedPNG.fix('.logo');
   DD_belatedPNG.fix('.pngfix');

</script>
<![endif]-->

</head>

<body>

<div id="header">
  <div class="bg_left_top">
    <div class="bg_right_top">
	  <div class="bg_top">

	    <div class="logo"><a href=""><img src="./imgZ/logo.png" alt="logotip" class="pngfix" /></a></div>	  

	  </div>
	</div>
  </div>
</div>



<div id="content">
  <div class="image">  
    <div class="menu">
	   <ul>
	     <li class="menuTop"> </li>
	     <li class="menuMiddle"><a href="index.php">Главная</a></li>
		 <li class="menuMiddle"><a href="passport.php">Авторизация</a></li>
	     <li class="menuMiddle"><a href="admin.php">Админка</a></li>
		 <li class="menuBottom"> </li>
	   </ul>
	</div>	
  </div>
</div>



<div id="bottom">
  <div class="bg_left_bottom">
    <div class="bg_right_bottom">
      <div class="bg_bottom">
	  </div>
	</div>
  </div>
</div>

<div id="footer">
   <p>alfa-версия сайта от 05.05.2011 © Все права защищены какбэ</p>
</div>

</body>
</html>

iLEM · May 5, 2011

спасибо, буду пережевывать

d0ublezer0 · May 5, 2011

andyarus, будьте проще

andyarus · May 5, 2011

в плане?

andyarus · May 5, 2011


<script>

   DD_belatedPNG.fix('.bg_left_top');
   DD_belatedPNG.fix('.bg_right_top');
   DD_belatedPNG.fix('.bg_top');
   DD_belatedPNG.fix('.bg_left_bottom');
   DD_belatedPNG.fix('..bg_right_bottom'); // точка лишняя
   DD_belatedPNG.fix('.bg_bottom ');
   DD_belatedPNG.fix('.menuTop');
   DD_belatedPNG.fix('.menuMiddle');
   DD_belatedPNG.fix('.menuBottom');
   DD_belatedPNG.fix('.logo');
   DD_belatedPNG.fix('.pngfix');

</script>

Это можно в одну строку писать: DD_belatedPNG.fix('.bg_left_top, .bg_right_top, .bg_top, .bg_left_bottom, .bg_right_bottom, .bg_bottom, .menuTop, .menuMiddle, .menuBottom, .logo, .pngfix');

либо

D_belatedPNG.fix('.pngfix'); // класс .pngfix вставляем к элементам, где нужно пофиксить прозрачность.

iLEM · May 5, 2011

<script>

   DD_belatedPNG.fix('.bg_left_top');
   DD_belatedPNG.fix('.bg_right_top');
   DD_belatedPNG.fix('.bg_top');
   DD_belatedPNG.fix('.bg_left_bottom');
   DD_belatedPNG.fix('..bg_right_bottom'); // точка лишняя
   DD_belatedPNG.fix('.bg_bottom ');
   DD_belatedPNG.fix('.menuTop');
   DD_belatedPNG.fix('.menuMiddle');
   DD_belatedPNG.fix('.menuBottom');
   DD_belatedPNG.fix('.logo');
   DD_belatedPNG.fix('.pngfix');

</script>
Это можно в одну строку писать: DD_belatedPNG.fix('.bg_left_top, .bg_right_top, .bg_top, .bg_left_bottom, .bg_right_bottom, .bg_bottom, .menuTop, .menuMiddle, .menuBottom, .logo, .pngfix');
либо
D_belatedPNG.fix('.pngfix'); // класс .pngfix вставляем к элементам, где нужно пофиксить прозрачность.

а что делает скрипт? отображает png в IE6?

buddah · May 5, 2011

да, делает пнг в ИЕ6-7 прозрачным.

Кстати очень хороший скрипт, пользуюсь регулярно.

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

psywalker · May 6, 2011

да, делает пнг в ИЕ7 прозрачным.

mishka · May 6, 2011

Скрипт нужно подключать только для ие6! Так как для ие7 это лишняя нагрузка и без того тормозному браузеру, а в ие8+ он вызовет ошибку.

buddah · May 7, 2011

За невнимательность уже минусуют?)

Я думал форум как раз и создан для исправления ошибок друг друга, по не знанию или по невнимательности.

А для новичка совсем неплохо было узнать так много информации про ие7 и ие8+, [irony]меня наоборот плюсовать надо за то, что спровоцировал лишнее напоминание[/irony]

Edited May 7, 2011 by buddah

psywalker · May 7, 2011

За невнимательность уже минусуют?)
Я думал форум как раз и создан для исправления ошибок друг друга, по не знанию или по невнимательности.
А для новичка совсем неплохо было узнать так много информации про ие7 и ие8+, [irony]меня наоборот плюсовать надо за то, что спровоцировал лишнее напоминание[/irony]

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

Так что заминусовали тебя абсолютно правильно и обоснованно.

А для новичка совсем неплохо было узнать так много информации про ие7 и ие8+, [irony]меня наоборот плюсовать надо за то, что спровоцировал лишнее напоминание[/irony]

Нет, в данной ситуации это нельзя назвать напоминанием, совершенно.

buddah · May 7, 2011

Хорошо, в следующий раз свои посты буду обрамлять в теги

[неуверенно][/неуверенно]

или в рид-онли режим перейду.

У меня под аватаром нет надписи "администратор", "модератор" или "эксперт".

Имею право на глупые ошибки в спешке.

Edited May 7, 2011 by buddah

psywalker · May 7, 2011

Хорошо, в следующий раз свои посты буду обрамлять в теги
[неуверенно][/неуверенно]

Глупый вывод. Жаль.

iLEM · May 8, 2011

Всем спасибо, вот что вышло Сайт, правда над ним еще работать и работать :rolleyes:

Но уже виден финиш, и я этому очень рад!

ilem.by@yandex.by - выслушаю ваши замечания и не только их

Edited May 8, 2011 by iLEM

psywalker · May 8, 2011

Всем спасибо, вот что вышло Сайт, правда над ним еще работать и работать
Но уже виден финиш, и я этому очень рад!

Ну и отлично!

andyarus · May 10, 2011

а для чего вам этот сайт? как-то все криво.

Sign In

Не понятно в чем дело

Question

Link to comment

Share on other sites

20 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information