Проблема с позиционированием

Aemeth · November 9, 2007

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

Суть проблема следующая:

Сайт состоит из 3 таблиц - верхняя и нижняя имеют фиксированную высоту. Среднюю с контентом разбиваю на 3 ячейки, правая и левая (менюшки) тоже с фиксированной шириной, средняя width="100%".

Проблема в том что в крайних колонках с менюшками, хочу к их дну прикрепить картинки но чтобы у всей ячейки был valign="top", чтобы выровнять слои с менюшками и чтобы ячейки имели резиновый дизайн и тянулись на 100% в высоту. Пример такого сайта http://promteks-ips.ru, но там это работает потому что quot;-//W3C//DTD HTML 4.0 Transitional//EN">, а при quot;-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (именно он мне и нужен) это не работает, картинки не прилипают к дну ячеек.

Уже всю голову сломал как это сделать, подскажите, кто знает. Заранее благодарю.

yopopt · November 9, 2007

b]HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Это что за бред? Вообще нужно выбирать доктайп под задачу или код, а не наоборот выбрать доктайп и ломать голову как заставить работать код.

Aemeth · November 9, 2007

Ну и в чем бред? Повоздержитесь от критики, я пришел за советом, был бы профи не спрашивал, я изначально выбрал DOCTYPE (quot;-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">) а потом уже писал код, но почему он не работает как мне надо - не понимаю, а второй доктайп я привел просто для примера.

YETI · November 9, 2007

Потому что height 100% вообще работает через пень колоду, и не со всеми доктайпами, видимо этот как раз такой в котором не работает.

yopopt · November 9, 2007

Ну и в чем бред?

Не существует такого доктайпа, вот о ч?м я.

Добавлено:

Вы покажите свой, конкретный, код и мы Вам поможем, поскольку пути решения разнятся.

klierik · November 9, 2007

да.. и если будете выкладывать код, вложите его сразу в соответствующие теги!!!

guvatara · November 9, 2007

Попробуйте просто указать позиционирование заднего фона по низу ячейки. И картинку использовать в качестве этого заднего фона. А внутренему контенту дать соответвующий пандинг чтоб не наезжал.

Aemeth · November 9, 2007

Вот код контентовой средней таблицы.

<table width="100%" height="415" border="0" cellpadding="0" cellspacing="0">
  <tr>

<!-- Левая ячейка (в нее для примера на дно хочу вставить картинку) //-->

	<td style="border-right: #999999 dashed 1px;" width="250" height="100%" valign="top">
	<table width="250" height="100%" cellpadding="0" cellspacing="0">
	<tr>
	<td>
	  <div class="mainLeftContainer">
	  <div align="center" class="container">
	  <div class="banner">

		  Навигация</div>
	  </div>
	  <div id="leftNavigation">
<a href="#">На главную</a>

 <a href="#">Психотерапия</a>

 <a href="#">О кафедре</a>

 <a href="#">Психологические тесты</a>

 <a href="#">Наши специалисты</a>

 <a href="#">Статьи</a>

 <a href="#">Форум</a>

 <a href="#">Контакты</a></div>


	  <div align="center" class="container">
	  <div class="banner">

		Афоризмы</div>
	  </div>
	  <div id="leftNavigation"><span class="style3">Нет никого, кто делал бы зло ради него самого, но все творят его ради   выгоды, или удовольствия, или чести, или тому подобного.

	  </span>

		  <span class="style4"> 							= Ф.Бэкон =</span>

	  </div>
	  </div>
	<p> </p>
	</td>
	</tr>
	<tr><td height="100%"> </td>
	</tr>
	<tr><td valign="bottom"><div align="center"><img src="images/trees.jpg" width="240" height="241" /></div></td></tr>
	</table>
	</td>

<!-- Средняя ячейка контента //-->

	<td style="padding: 10px 10px 10px 20px;" valign="top">
	<span class="style7">Название сайта или приветствие

	</span>
	<p>В круговороте событий мы вдруг замечаем, что нам стало трудно жить, нас не   понимают окружающие, появились навязчивые мысли и страхи, депрессии. Чувство   одиночества, отсутствие поддержки окружающих, проблемы на работе или в семье не   дают покоя. Если хотя бы одна из перечисленных бед не дает встретить день с   улыбкой, приходите к психотерапевту.



	  Определить, нужна ли Вам   психотерапия очень просто. Если Вы сейчас читаете эти строки, то она Вам   однозначно нужна! В каждой шутке есть доля шутки...</p>
	<p><img style="margin-right: 15px;" src="images/tree.jpg" width="100" height="97" align="left" />	  Если серьезно, то   человек, свободный от психологических проблем, никогда не будет интересоваться   психотерапией в каких-либо е? аспектах. 



	  Даже с профессиональной стороны или с   позиции духовного развития. Могу сказать сразу, что людей без внутренних   конфликтов в современном, цивилизованном обществе практически не существует. 



	Невроз - это уже норма наших дней, он прочно "вош?л в моду" со врем?н Фрейда. И   вопрос сейчас уже не в самом понятии невроза и не в признании его существования   (ещ? Будда тысячелетия назад сказал, что жизнь человека есть страдание). Вопрос   - в отношении человека к своему неврозу, к своей жизни, к своим душевным   проблемам. Многие возвеличивают свои страдания, облагораживают их, находят в них   определ?нный смысл. Другие мучаются от них всю жизнь, пытаются игнорировать,   по-своему истолковать, а чаще всего - убежать от них (в работу, в другого   человека, в религию, в фантазии, в болезни), алкоголизировать, забыться и т.д.   Убегая от своих страданий, Вы убегаете от себя...



	<img style="margin-right: 20px;" src="images/skam.jpg" align="right" /> Поэтому существуют   вполне определ?нные объективные критерии, позволяющие Вам самим оценить степень   Ваших страданий и целесообразность обращения к специалисту -   врачу-психотерапевту. Большинство душевных страданий приводят человека к двум   основным эффектам или следствиям: тревога (напряжение, страх, паника) и   депрессия (снижение жизненного тонуса, подавленность, пустота, потеря интереса). 




	Поэтому существуют   вполне определ?нные объективные критерии, позволяющие Вам самим оценить степень   Ваших страданий и целесообразность обращения к специалисту -   врачу-психотерапевту. Большинство душевных страданий приводят человека к двум   основным эффектам или следствиям: тревога (напряжение, страх, паника) и   депрессия (снижение жизненного тонуса, подавленность, пустота, потеря интереса). 




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



	В ходе первичной консультации Вы сможете узнать основные   причины Вашего душевного состояния. Определить, что и как Вам нужно делать для   достижения желаемого эффекта. Установить, какой вид психотерапии Вам показан,   нужно ли Вам принимать медикаменты и если нужно, то какие именно. При желании,   Вы сможете решить вопрос о прохождении курса психотерапии.</p>
	</td>

<!-- Правая ячейка //-->

	<td style="border-left: #999999 dashed 1px;" width="250" valign="top">
	<div class="mainRightContainer">
	  <div align="center" class="container">
	  <div class="banner2">

		Новости							</div>
	  </div>
	  <div id="rightNavigation">
		<div align="left"><span class="style3">08.11.07</span> <span class="style4">Сайт открылся.</span><span class="style3">

		  На сайте присутствует множество материалов по психотерапии.

		</span><a href="#">

		  читать подробнее</a>




		  <span class="style3">09.11.07 <span class="style5">Он-лайн тесты</span>.

		  На сайт добавлены он-лайн тесты. Желащие могут пройти их прямо сейчас.</span>



		  <a href="#">читать подробнее</a></div>
	  </div>
	  </div>	</td>
  </tr>
</table>

Если все же кто-то точно знает ответ - могу выслать наглядно проще будет. Спасибо всем за ответ

yopopt

В Dreamweaver'е есть такой доктайп - выходит существует.

Guvatara

Мозг убит и не очень уже хорошо понимаю, но так вроде бы тоже пробовал.

yopopt · November 9, 2007

В Dreamweaver'е есть такой доктайп - выходит существует.

Вы вообще читаете что Вам пишут?! Прочтите ещ? раз:

b]HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Это что за бред? Вообще нужно выбирать доктайп под задачу или код, а не наоборот выбрать доктайп и ломать голову как заставить работать код.

Я специально красным выделил несответствия. Левая часть доктайпа для html, а правая для xhtml.

GC0mmander · November 10, 2007

вот правильный доктайп XHTML:

-//W3C//DTD XHTML 1.0 Transitional//EN? ?http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd?>

и вообще, все он правильно писал.

yopopt, почитай дополнительную литературу

yopopt · November 10, 2007

...и вообще, все он правильно писал.
yopopt, почитай дополнительную литературу

Люди, что с вами?! Тыкаешь носом что доктайп неправильный, а тебе утверждают что он правильный.

Повторятся не буду, всех утверждающих что доктайп из первого поста верен попрошу заглянуть сюда: http://www.w3.org/QA/2002/04/valid-dtd-list.html

GC0mmander · November 10, 2007

мда.. сам тычет на сайт, а там тоже самое, про что мы говорим..

Fu-tai · November 10, 2007

Да оба вы правы. Доктайп у юзверя был написан неправильно. Вот только ошибка была не там где указал yopopt, а немного правее

<!DOCTYPE HTML PUBLIC "-//W3C//DTD [b]HTML 4.0 Transitional[/b]//EN" "http://www.w3.org/TR/xhtml1/DTD/[b]xhtml1-transitional.dtd[/b]">

тобишь он указывал что пишет на html4.0 transitional а в качестве основания для валидации указывал на xhtml1-transitional

GC0mmander - указал абсолютно правильный доктайп по спецификации.

Aemeth - Для справки. Доктайп в дримвивере настраивается. И то что он ставит вам такой доктайп говорит о том что у него сбиты настройки на простановку доктайпа и на валидацию.

Aemeth · November 11, 2007

Люди спасибо за столь значительную дискуссию о доктайпах, но с картинкой то что делать?

Vlad · November 12, 2007

Самое простое, заменить DOCTYPE на Transitional.

Sign In

Проблема с позиционированием

Question

Link to comment

Share on other sites

14 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

Join the conversation

Обсуждения

Important Information