Small_man

June 6, 2011

Никак не могу понять, где я так нагрешил, но высота div'а content не становится динамической...а он служит тут как раз еще и фоном

надо получить разметку как на картинке

красный - content с динамичной высотой

желтые - topcon, medcon и botcon соответственно

зеленые - это остальные дивчики наполнения

есть код

	<div class="content">
		<div class="topcon">
			<div id="leftcol">
				<div id="logo">	</div>
				<div id="menu"> 
					<ul id="uno">
						<li><a href="#">Новости</a></li>
						<li><a href="#">Камины</a></li>
						<li><a href="#">Топки</a></li>
						<li><a href="#">Термо камины</a></li>
						<li><a href="#">Барбекю</a></li>
						<li><a href="#">Галерея</a></li>
						<li><a href="#">Сертификаты</a></li>
						<li><a href="#">Контакты</a></li>
						<li><a href="#">Часто задаваемые вопросы</a></li>
						<li><a href="#">Приглашаем к сотрудничеству</a></li>
					</ul>
				</div>
			</div>
			<div id="flash">
				флешка через swfobject
			</div>
			<span class="clear" style="clear: both;"> </span>
		</div>
		<div class="medcon">
			<div class="cuadro" id="cuadro1">
				текст
			</div>
			<div class="cuadro" id="cuadro2">
				что-то
			</div>
			<div class="cuadro" id="cuadro3">
				что-то
			</div>
			<div class="cuadro" id="cuadro4">
				что-то
			</div>
			<span class="clear" style="clear: both;"> </span>
		</div>
		<div class="botcon">
			<div class="cuadro" id="cuadro44"> что-то </div>
		</div>
		<div id="botline">	</div>
		<span class="clear" style="clear: both;"> </span>
	</div>


body, html, div, h1, h2, h3, h4, h5, h6, p, a, span, img, table, th, td, ul, li, dl, td, dd, caption, form, label {
	border: 0 none;
	margin: 0;
	padding: 0;
}

body {
	background: none repeat scroll 0 0 #B4B4B4;
	color: #3D3938;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: center;
}

.content {
	background-color: #FFFFFF;
	text-align: left;
	margin: 0 auto;
	width: 1000px;
}

.topcon {
	margin-bottom: 10px;
	width: 1000px;
	float: left;
}

#leftcol {
	float: left;
	margin: 10px 0 0;
	width: 240px;
}

#logo {

	background: url("images/logo.gif") no-repeat scroll right bottom;
	background-color: #B40000;
	height: 121px;
	width: 240px;
}

#menu {
	width: 240px;
}

ul#uno li a {
	color: #373432;
	border-bottom: 1px solid #999999;
	display: block; 
	width: 240px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: right;
	text-decoration: none;
}

#flash {
	float: left;
	margin-left: 10px;
	margin-top: 8px;
	width: 740px;
}

.medcon {
	margin: 0 10px;
	width: 980px;
	float: left;
}

.cuadro {

	color: #3D3938;
	background: url("images/triangulo_gris.gif") no-repeat scroll right bottom transparent;
	background-color: #9C9A9A;
	float: left;
	height: 200px;
	line-height: 12px;
	width: 230px;
}

#cuadro2, #cuadro3, #cuadro4 , #cuadro44 {
	background-color: #D7D7D7;
	color: #58585A;
	float: left;
	height: 200px;
	line-height: 12px;
	margin-left: 10px;
	width: 240px;
}

.margin10 {
	display: inline;
	float: left;
	margin: 10px 0 0 10px;
}

.botcon {
	background: url("../images/triangulo_grisosc.gif") no-repeat scroll right bottom transparent;
	background-color: #969696;
	margin-bottom: 0;
	margin-left: 10px;
	margin-top: 10px;
	width: 980px;
	float: left;
}

#botline {
	background-color: #FFFFFF;
	margin: 0px 10px;
	width: 980px;
	height: 10px;
	float: left;
}

пока сидел наткнулся на http://xhtml.ru/2008/09/30/clear-without-clear/ и все сам решил

May 12, 2009

Не хватает height: 100% для html. Его в атрибут style не впихнуть, надо вписать его в CSS-файл (или хотя бы в тег <style>).

спасибо огромное....очень долго с этим мучался... :rolleyes:

May 11, 2009

Попробуйте в стили этой страницы добавить
html, body, div { height: 100%; }
а в код объекта
<param name="scale" value="showall" />
<param name="align" value="tl" />
и соответственно атрибуты scale="showall" align="tl" в embed. Должно получиться и без динамической перемерки...

не катит, могете сами посмотреть пример страницы

May 10, 2009

<!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" lang="ru" xml:lang="ru">
  <head>
	<title></title>

	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<link rel="stylesheet" href="assets/templates/default/sait.css" type="text/css" />
  </head>
  <body>
	<div>
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="intro" align="middle">
		<param name="allowScriptAccess" value="sameDomain" />
		<param name="movie" value="assets/media/city.swf" />
		<param name="menu" value="false" />
		<param name="quality" value="high" />
		<param name="bgcolor" value="#fff" /><embed src="assets/media/city.swf" menu="false" quality="high" bgcolor="#fff" width="100%" height="100%" name="intro" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
		</object>
	</div>
  </body>
</html>

я про то и говорю что надо как-то их динамично определять, но как????

May 10, 2009

самое обидное что когда ставишь размеры в 100% то флеш свораяивается в маленькое окошко, незнаю почему но так оно постоянно, мне посоветовали сделать это через expression мол типа он задает размер в точных цифрах и тогда родительский документ всегда имеет четкие параметры и от него можно плясать...

кто-нить знает эти expression??? :rolleyes:

May 10, 2009

Ээх, к сожалению Флэш для меня тёмный лес, поэтому жди мастеров, ща придут, помогут

суть не во флеше, надо сделать квадратный div со 100% высотой и ширина равна высоте, а уж флеш я сам растяну...надо динамически тока размер определить и фсё... :rolleyes:

May 10, 2009

Small_man
А не мог бы ты поподробнее изложить свою проблему?

все просто надо растянуть флеш по высоте экрана, для этого надо динамически определить высоту, вот и усе :rolleyes:

May 10, 2009

подскажите как определять размер рабочей области окна браузера и соответственно задавать эти размеры слоям??? :rolleyes:

May 3, 2009

С помощью JS ( или с помощью CSSых expression() ) сделай размеры контейнера равными размеру окна браузера.

а можно как-нить пример написать или ссылку на мануал кинуть???

April 29, 2009

но flash по своей сути тоже далеко не идеально вставляется на страницу...да и в вопросе явно указал что нужен именно javascript

April 29, 2009

Какой смысл вкладывается в слово "разворачивалась"?

ну примерно тот же что и расстягивалась))))

PS я думал это понятно итак... :lol:

April 29, 2009

Попробую уточнить еще раз суть вопроса: как сделать так чтобы flash разворачивалась на весь экран во всех браузерах??? :lol:

April 29, 2009

как реализовать кроссбраузерный фоновый звук с возможностью отключить его кнопкой, желательно на javascript???

April 27, 2009

Чтобы <объект> растягивался на величину контейнера, может надо задать эту величину?
#intro{
width: 100px;
height: 100px;
}
Процентное соотношение в данном случае не годится.

а как тогда решить этот вопрос??? есть методы решения???

April 26, 2009

Заверстал flash через SwfObject но вот никак не могу найти материала по тому как сделать так чтобы flash ролик растягивался под размер окна

<!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" lang="ru" xml:lang="ru">
  <head>
	<title>[(site_name)]</title>

	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<link rel="stylesheet" href="assets/templates/default/sait.css" type="text/css" />
	<script type="text/javascript" src="assets/media/swfobject.js"></script>

	<script type="text/javascript">
	swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
	</script>

  </head>

  <body>
	<div id="intro">

	  <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">

		<param name="movie" value="assets/media/city.swf" />
		<!--[if !IE]>-->
		<object type="application/x-shockwave-flash" data="assets/media/city.swf" width="100%" height="100%">

		<!--<![endif]-->
		  <p>Alternative content</p>
		<!--[if !IE]>-->
		</object>
		<!--<![endif]-->

	  </object>
	</div>
  </body>
</html>

#intro{
width: 100%;
height: 100%;
}

моежт кто знает как это сделать???

April 12, 2009

Спасибо большое

April 11, 2009

подскажите пожалуйста, как можно выполнить следующее:

есть страница-интро по большому счету это всего один flash ролик, как сделать так чтобы от изменения размера окна браузера изменялся и размер flash ролика?? (т.е. масштабирование ролика под размер окна браузера)

March 30, 2009

самое забавное что нашел margin 22px при том что сдвиг шел всего на пару пикселей...

March 30, 2009

Аккуратнее, это изменяет стили ВСЕХ тегов A и IMG на странице.

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

March 27, 2009

a, img { display: block }

помогло...спасибо... :rolleyes:

March 26, 2009

ничего из выше предложенного не помогло...

просто как можно зверстать n-количество картинок-ссылок в один столбец, может кто посоветует что толковое???

<table width="100%" height="100%" cols="3" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td valign="top" width="210" height="100%">
			<table width="210" height="100%" cellspacing="0" cellpadding="0" border="0"><col width="210" valign="top">
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/logo.gif" width="210" height="160" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.1.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.2.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.3.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.4.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.5.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.6.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.7.gif" width="210" height="40" ></a></td></tr> 
				<tr><td width="210" height="100%" valign="top"><a href="http://sait.net"><img src="assets/images/1.8.gif" width="210" height="40" ></a></td></tr> 
			</table>
		</td>
	</tr>
</table>

может где ошибка в коде???

March 26, 2009

Может написать его одной строкой без пробелов?

перставил в одну строку все jpg и получил что и ie8 так же как и FF стал раздвигать картинки...

March 25, 2009

не могу понять но в чем дело но в разных браузерах отображение резко отличается для ниже приведенного кода

<table width="210" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><a href="http://sait.ru"><img src="assets/images/1.1.gif" width="210" height="40" ></a></tr>
<tr><a href="http://sait.ru"><img src="assets/images/1.2.gif" width="210" height="40" ></a></tr>
<tr><a href="http://sait.ru"><img src="assets/images/1.3.gif" width="210" height="40" ></a></tr>
</table>

Опера и ie нормально его обрабатывают то мозила же проставляет промежутки между картинками,

если убрать ссылки то он отображает все корректно...

В чем может быть причина??? :rolleyes:

Sign In

Small_man

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by Small_man

Проблема с динамической высотой в div

expression для определения размеров

expression для определения размеров

expression для определения размеров

expression для определения размеров

expression для определения размеров

expression для определения размеров

expression для определения размеров

Кроссбраузерная flash

Audio на странице

Кроссбраузерная flash

Кроссбраузерная flash

Audio на странице

Кроссбраузерная flash

Кроссбраузерная flash

Динамическое изменение размеров Flash ролика

Динамическое изменение размеров Flash ролика

Проблемы с FF

Проблемы с FF

Проблемы с FF

Проблемы с FF

Проблемы с FF

Проблемы с FF

Forums

Important Information