вывод текста

[AlexN]

Вот такая ерунда получилась... пока не вижу в чём причина, может кто свежим взглядом кинет - подскажет?

Красным - дивы с фоновым изображением. По z индексу 1 и 2

Оранжевый блок по z индексу - 70

Если текст добавить, то ниже линии границ он будет на всю ширину оранжевого блока.

Edited April 25, 2010 by AlexN

[psywalker]

Значит нужно было верстать нормально. Показывай код и ссылку.

[AlexN]

Значит нужно было верстать нормально. Показывай код и ссылку.

Да понимаю я что накосячил где-то...

<div id="container">
	<div id="top">
		<div id="l_bg_f"> </div>
		  <div id="r_bg_f"> </div>
		  <div id="tel">8(962)905-90-65</div>
	</div>
  <div id="left"></div>
  <div id="right"></div>
  <div id="content">
 авпвап вапваа вапва   авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва авпвап вапваа вапва   авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва
  авпвап вапваа вапва</div>
<div id="otstup"> </div>
	<div id="bot">Здесь располагается содержимое  id "bot"</div>
</div>

#container {
	margin: 0px auto;
	padding: 0px;
	/*	width: 1064px;*/
	border: 1px solid #000;
	min-width: 1064px;
	max-width: 1280px;
	z-index:3;
	position: relative;
}

#left {
	margin: 0px;
	padding: 0px;
	border: 1px solid #00F;
	width: 238px;
	height:400px;
	background-color: #FFDFFF;
	float: left;
	margin-top:0px;
	z-index: 3;
	position: relative;
}

#content {
	margin: 0px;
	padding: 0px;
	border: 1px solid #F00;
	margin: -250px 260px 0px 260px;
	position: relative;
	z-index:20;
	background-color: #FF9F55;
}

#right {
	margin: 0px;
	padding: 0px;
	border: 1px solid #00F;
	width: 250px;
	height:200px;
	background-color: #00DF55;
	float: right;
	margin-top:-250px;
	z-index: 2;
	position: relative;
	min-height:500px;
}

#top {
	margin: 0px;
	padding: 0px;
	background-color: #D4BFAA;
	background-image: url(../images/laye_werstka_03.jpg);
	height: 469px;
	background-repeat: repeat-x;
	position: relative;
	z-index: 1;
}

#bot {
	margin: 0px;
	padding: 0px;
	background-color: #FFDF55;
	height:100px;	
}

#otstup {
	clear:both;
	height: 10px;
}

#l_bg_f {
	font-size: 14px;
	background-image: url(../images/laye_werstka_02.jpg);
	height: 469px;
	background-repeat: no-repeat;
	width: 404px;
	float: left;
	position:relative;
	z-index: 9;
}

#r_bg_f {
	font-size: 14px;
	background-image: url(../images/laye_werstka_04.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 469px;
	width: 385px;
	position:relative;
	z-index: 10;
	background-color: #AA9F55;
}
#tel {
	position: absolute;
	z-index: 100;
	margin: 20px 0px 0px 60%;
	color: #D4FFFF;
	font-size: 18px;
}

Edited April 26, 2010 by AlexN

[AlexN]

Всем спасибо.

Вопрос закрыт.

[AlexN]

Всем спасибо.

Вопрос закрыт.

Рано обрадовался...

В разных браузерах вылазят глюки. Если в одном нормально - в другом всё в кучу сбилось . И наоборот. Хоть бери и таблицей делай...

Макет "резиновый". Min, Max поубирал.

Вот я в фотошопе макет разметил.

Может неправильно что делаю-опыт не особо большой.

Получается слева две картинки рядом, справа - тоже. Контент с левой и правой колонками находятся ниже.

Вопрос:

Как поднять контент (выше уровня блока 9), чтобы колонки слева и справа остались на месте (уровень 9 блока) ? В разных браузерах разные результаты получаются.

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

Замучился уже.

Помогите плиз, гуру :-)

Edited April 27, 2010 by AlexN

[AlexN]

АУУУУУУУУУ!!!!

Народ, помогитеееееее!!!!