Форум PHP программистов > Форматирование тег DIV

[ Поиск ] - [ Пользователи ] - [ Календарь ]

archibaldd

10.06.2010 - 17:25

есть след код :



<div style="width:50%;height:200px;float:right;"> 
<table>
 <tr>
						<td width="20%" align="center">
						  {photo_complete}
						</td>
						<td class="items">
							<span class="ntitle">{link}{title}{/link}</span><br />
							<font color="red"><b>{price} грн.</b></font><br />
							[byaction]
							<b>Старая цена: <s>{oldprice}</s> грн.</b><br />
							[/byaction]<br />
							
			<span class="korzina">{blink}Положить в корзину{/blink}</span><br /><br />
			<span class="items">Категория: {category}<br />
			<span class="ntitle">Описание товара:</span><br />{mfield_maindata_text_shortinfo}{addinfo}<br /></span><small>{adm_links}</small>
						</td>


					  </tr>
  <tr>
						<td colspan="2" style="border-bottom: 5px solid #ccc;"> </td>
					  </tr>
					
					  <tr>
						<td colspan="2"> </td>


					  </tr>
</table>
</div>

Проблема в том что здесь выводятся краткое описание товара блоками вместе с фоткой, так вот по ширине блок віводится нормально каждый по 50% страницы, тоесть пополам в два столбика, но вот как задать фиксированную высоту столбика ? Я пытаюсь выставить например высоту в 200 пикс
<div style="width:50%;height:200px;float:right;"> , но если краткое описание будет довольно громоздким , то оно втупую вылазит сверху ниже стоящего блока, тоесть высота всеравно не фиксируется. Как зафиксировать ??? Помогите плиз

Спустя 6 минут, 35 секунд (10.06.2010 - 16:32) Basili4 написал(а):

Почитай здесь

http://www.leechy.ru/howto/text-overflow/ может поможет

Спустя 46 минут, 24 секунды (10.06.2010 - 17:18) archibaldd написал(а):

Спасибо, пол беды решилось , теперь за рамки 200 пикс не вылазит, но осталась ещё проблема, если текст гдето на 100 пикселей, то блок принимает размер высоты 100 пикс, а как можно сделать чтобы блок был ровно 200 пикс (стоко сколько указано) ни больше ни меньше , по то мучто тогда эти блоки идут в разнобой по странице. Вид совсем никакой.

Спустя 16 часов, 15 минут, 32 секунды (11.06.2010 - 09:34) Basili4 написал(а):

Я вообще не специалсит в верстке но можно попробывать вставить виде фона какое нибудь избражение на 200px

Спустя 43 минуты, 44 секунды (11.06.2010 - 10:18) tomash написал(а):

Через стили можно задать минимальную высоту!

Спустя 1 минута, 15 секунд (11.06.2010 - 10:19) Basili4 написал(а):

tomash
Раскажи как??? Мне тоже это интересно

Спустя 11 минут, 33 секунды (11.06.2010 - 10:30) archibaldd написал(а):

Через стили , єто мне тоже интересно

Спустя 40 секунд (11.06.2010 - 10:31) tomash написал(а):

http://css.manual.ru/properties/min-height

Спустя 1 час, 27 минут, 55 секунд (11.06.2010 - 11:59) demonichka написал(а):

min-height неработает в ИЕ. Для него нужно писать height:200px;

min-height:200px;
//height:200px;

Спустя 32 минуты, 1 секунда (11.06.2010 - 12:31) tomash написал(а):

его через стиль нужно прописать!
style = "min-height:200px"

Спустя 45 минут, 37 секунд (11.06.2010 - 13:17) archibaldd написал(а):

на данный момент у меня стоят такие настройки


<div style="width:50%;min-height:100px;float:right;overflow: hidden;" >

тоесть по ширине выравнивает в 2 столбика ровно ,нормально, если большое краткое описание товара то overflow: hidden; помогает его обрезать, но по высоте каждый товар все равно нормально не устанавливает. вот можно пример посмотреть здесь
http://krivbascity.info/shop/main/category/3

Спустя 1 минута, 51 секунда (11.06.2010 - 13:18) archibaldd написал(а):

то есть я хочу добиться строго форматированых клеток, чтобы не зависимо от количества там текста в описании или же размера картинок, былы ровные ОДИНАКОВЫЕ прямоугольники . как такого добиться ????

Спустя 2 минуты, 51 секунда (11.06.2010 - 13:21) tomash написал(а):

а просто height не получаеться? тогда можно max-height еще использовать! установить макс и мин в одно значение

Спустя 48 секунд (11.06.2010 - 13:22) tomash написал(а):

и тогда проще, мне кажется, в таблицу пихнуть!

Спустя 2 минуты, 39 секунд (11.06.2010 - 13:25) archibaldd написал(а):

просто height вообще ничего не дает, а вот в таблице оно и так , посмотри самое первое сообщение

Спустя 1 минута, 22 секунды (11.06.2010 - 13:26) archibaldd написал(а):

упс

Спустя 1 минута, 37 секунд (11.06.2010 - 13:28) tomash написал(а):

не таблицу в div, а все divы в одну таблицу! или как я говорил max-height, min-height

Спустя 58 минут, 32 секунды (11.06.2010 - 14:26) archibaldd написал(а):

а ещё такой вопрос, в описании ещё выводится уменьшенная фока товара , так вот она выводится как бы с лева от описания и по средине (имеется ввиду повысоте по средине), а как сделать чтобы она выводилась не по средине а в самом верху,то есть когда например описание довольно большое то фотка автоматом смещается вниз, как сделать чтобы она оставалась вверху ?


<tr>
						<td width="20%" align="top">
						  {photo_complete}
						</td>
						<td class="items">
							<span class="ntitle">{link}{title}{/link}</span><br />

						</td>

я уже и align="top" выставил, всеравно не помогает

Спустя 1 минута, 59 секунд (11.06.2010 - 14:28) archibaldd написал(а):

Получается вот такая фигня
http://www.krivbascity.info/shop/main/category/3
на примере товара КАМЕРА 2. Там обрезало фотку, она тупо поползла вниз

Спустя 20 минут, 18 секунд (11.06.2010 - 14:49) tomash написал(а):

при выравнивании по вертикали используйте VALIGN! ALIGN это горизонтальная позиция

Спустя 18 минут, 53 секунды (11.06.2010 - 15:07) archibaldd написал(а):

Спасибо, вродь с горем пополам отформатировал )))

Быстрый ответ:

Здесь расположена полная версия этой страницы.