столбцы из li или div

tr3m0r · April 8, 2010

Образовалась следующая проблема: две лишки или два дива, float:left +для li display:inline, в первом - картинка, во втором - текст, находятся в родителе (на странице используются как вариант с резиновым родителем, так и с фиксированной шириной - в боковой панели).

При переполнении блока с текстом содержимым более, чем "ширина родителя минус картинка" - второй блок выводится ниже первого в 100% ширины родителя.

При том ИЕ7 и ИЕ6 блок не переносят (что мне и нужно).


<!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" xml:lang="ru" lang="ru">
<head>
<title></title>
<style type="text/css">
.afisha-container-main{
	width:50%;
	float:left;
}
ul.film-list-short  li{
	display:inline;
	float:left;
	list-style-type:none;
	padding-bottom:15px;
}
.film-thumbinal{
	width:75px;
	padding-right:10px;
}
.null-floats{
	clear:both;
	height:0px;
}
.film-list-dates-container li{
	list-style-type:none;
}
.film-list-dates li{
	display:inline;
	float:left;
	list-style-type:none;
}
</style>


</head>
<body>

<div class="afisha-container-main">
<ul class="film-list-short">
	<li><img  class="film-thumbinal" src="thumb.jpg"></li>
	<li>
1-3-8
Q: Привязываю разные вершины объекта к другим объектам, а потом....
   любой модификатор работает неправильно!

A: Автор ответа: Alex Grishanov
   Другими словами, ты создаешь прямоугольник "Box01", создаешь два
   объекта "Dummy" ("Create"->"Helpers"->"Dummy"), так?
   Далее ты присваиваешь объекту "Box01" модификатор "Mesh Select",
   выделяешь несколько вершин ("Vertex"), сразу присваиваешь им
   модификатор "Linked XForm", жмешь "Pick Control Object", щелкаешь
   на "Dummy01"? Потом сразу, ничего не изменяя, опять "Mesh Select",
   выделяешь другие вершины, опять "Linked XForm", "Pick Control
   Object" и щелчок на "Dummy02"? Теперь, если перемещать "Dummy01"
   и "Dummy02", то прилинкованные к ним подобъекты тоже будут
   двигаться.

   Но есть одно большое "НО"! Любой модификатор, изменяющей
   геометрию объекта (например, "Taper"), начинает действовать на
   подобъекты, выделенные в последнем модификаторе "Mesh Select".
   Оно и правильно, ведь режим "Sub-Object" у модификаторов "Mesh
   Select" никто и не выключал. Т.е. если "Sub-Object" выключить,
   то все наладится.

   И сразу разладится в другом месте. Поскольку подобъекты
   перестанут повторять движение за Dummy-объектами. Такова природа
   некоторых модификаторов в 3DS Max.

   Что же делать, спросите вы? А решение очень простое, отвечу я!
   Надо применить к "Box01" еще один модификатор "Mesh Select", и
   сразу отжать кнопочку "Sub-Object". Получится как бы "пустой
   модификатор". Все. Никаких выделенных вершин/ребер/плоскостей.
   А значит и остальные модификаторы (например, "Taper") будут
   воздействовать на весь объект. Финиш!
	</li>
</ul>
<div class="null-floats"> </div>
<ul class="film-list-short">
	<li><img  class="film-thumbinal" src="thumb.jpg"></li>
	<li>
   И сразу разладится в другом месте. Поскольку подобъекты
   перестанут повторять движение за Dummy-объектами. Такова природа
   некоторых модификаторов в 3DS Max.

   Что же делать, спросите вы? А решение очень простое, отвечу я!
   Надо применить к "Box01" еще один модификатор "Mesh Select", и
   сразу отжать кнопочку "Sub-Object". Получится как бы "пустой
   модификатор". Все. Никаких выделенных вершин/ребер/плоскостей.
   А значит и остальные модификаторы (например, "Taper") будут
   воздействовать на весь объект. Финиш!
	</li>
</ul>
<div class="null-floats"> </div>
<ul class="film-list-short">
	<li><img  class="film-thumbinal" src="thumb.jpg"></li>
	<li>sdf</li>
</ul>
<div class="null-floats"> </div>

</div>

<div class="afisha-container-main">
<ul class="film-list-dates-container">
	<li>
		<ul class="film-list-dates">
			<li>12 ноября</li>
			<li>22:00</li>
		</ul>
	</li>
</ul>

</div>


</body>
</html>

Вопрос, друзья: как сделать так, чтобы вот?

Edited April 8, 2010 by tr3m0r

stars · April 9, 2010

Ну у меня вроде все правильно отображается... проверял на ie6

А вообще если нужно чтобы в разных браузерах отображалось по разному то вариантов масс:

1) css hack

2) Для ie есть коменты <![if !IE]><![endif]>

3) JS

4) PHP

ну и т.д.

Edited April 9, 2010 by stars

Great Rash · April 9, 2010

Смутно как-то написали. Что нужно? Двухколоночный макет?

psywalker · April 9, 2010

Смутно как-то написали. Что нужно? Двухколоночный макет?

+1

Также не понял, в чём юмор?

ТС, лучше приведи скрин того, что хочешь получить на выходе, во всех браузерах

Searcher · April 9, 2010

Вот куча вариантов, как можно сделать шаблон:

http://layouts.ironmyers.com/

http://www.dynamicdrive.com/style/layouts/category/C10/

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

http://tjkdesign.com/articles/one_html_mar...css_layouts.asp

http://blog.html.it/layoutgala/

А вот вообще генератор шаблонов:

http://csstemplater.com/

tr3m0r · April 9, 2010

то, что хочу - на левой стороне картинки первого поста, т.е. как отображает ie6 и 7.

нужно, чтобы текст был строго справа от картинки, не обтекал по контуру, не сваливался под нее.

Это не сам макет - просто элемент "картинка+текст".

psywalker · April 9, 2010

то, что хочу - на левой стороне картинки первого поста, т.е. как отображает ie6 и 7.
нужно, чтобы текст был строго справа от картинки, не обтекал по контуру, не сваливался под нее.
Это не сам макет - просто элемент "картинка+текст".

Аа, чёж ты молчал.

Нужно одному li флоат:лефт, а другому overflow: hidden;

tr3m0r · April 9, 2010

Аа, чёж ты молчал.
Нужно одному li флоат:лефт, а другому overflow: hidden;

при таких значениях в фф 3.х и опера9.х/10.х текст обтекает картинку снизу, как при обычном float для картинки, а хочется, чтобы не обтекал, а просто находился справа, в том-то и дело

попытаюсь таблицу из дивов цсс сделать... хм...

Sign In

столбцы из li или div

Question

tr3m0r

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

stars

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

tr3m0r

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

tr3m0r

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information