две резиново- фиксированые колонки

sorrrrry · July 12, 2011

Добрый день, верстаю уже очень долго, но есть несколько моментов которые не мог никогда решить нормально и прибегал к тупым вариантам, вот наконецто пришол момент когда и они не помагают. Ситуация в следуйщая есть правай колонка и Контентная, что нужно, нужно что б левай была к примеру 200пкс, контентная оставшееся место, в моём случае это 760, так как блок в котором они находятся 960пкс и отцентрован по середине.Дальше , если в левую колонку что то выводится она становится 200пкс по ширине, контентная сдвигается, как токо с с левой колонки удоляем содержимое контентная занимает все место.

Вот это первая моя проблемма.Об отсальных пока промолчу, их там всего 2-3.

Softlink · July 12, 2011

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

В общем выложите код блоков сюда или ссылку на страницу.

sorrrrry · July 12, 2011

нет, я так не делал, я делал вверху этих двух блоков блок с шириной 960, а ниже этого блока я делал левый 200пкс и контнетный 760пкс , я потом если нужен блок шириной 100%, то я вывожу контент в верхний, а если надо что б работало и левый блок и контентный , то я выводил данные в левую колонку и контентную которая float - ится к левой колонке. Я делаю шаблбон для joomla, и мне надо что б если левое меню включено , то появляется левая колонка, а если ниче в левую не выводится, то контентная занимает 100% ширины. А если я не ошибаюсь, я видел такой шаблон готовый для joomla, он работает так как мне надо, но видел его давно, и не помню где.

stars · July 12, 2011

Какие такие колонки можно точнее можно пример привести? Я вот для интереса сверстал, все работает...

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
	<title>test</title>
	<style type="text/css">
		* { margin:0; padding:0; }
		p { padding: 10px; }
		#table { width:90%; margin: 20px auto; border-spacing: 0; border-collpase: collapse; }
		#div { max-width:200px; min-width:200px; display:none; }
	</style>
</head>
<body>

<table id="table">
	<tr>
		<td><div id="div">Поэма</div></td>
		<td>
			<p>	having a coke with you
				is even more fun than going to San Sebastian, Irun, Hendaye, Biarritz, Bayonne
				or being sick to my stomach on the Travesera de Gracia in Barcelona
				partly because in your orange shirt you look like a better happier St. Sebastian
				partly because of my love for you, partly because of your love for yoghurt
				partly because of the fluorescent orange tulips around the birches
				partly because of the secrecy our smiles take on before people and statuary
				it is hard to believe when I'm with you that there can be anything as still
				as solemn as unpleasantly definitive as statuary when right in front of it
				in the warm New York 4 o'clock light we are drifting back and forth
				between each other like a tree breathing through its spectacles

				and the portrait show seems to have no faces in it at all, just paint
				you suddenly wonder why in the world anyone ever did them

				I look
				at you and I would rather look at you than all the portraits in the world
				except possibly for the Polish Rider occasionally and anyway it's in the Frick
				which thank heavens you haven't gone to yet so we can go together the first time
				and the fact that you move so beautifully more or less takes care of Futurism
				just as at home I never think of the Nude Descending a Staircase or
				at a rehearsal a single drawing of Leonardo or Michelangelo that used to wow me
				and what good does all the research of the Impressionists do them
				when they never got the right person to stand near the tree when the sun sank
				or for that matter Marino Marini when he didn't pick the rider as carefully
				as the horse

				it seems they were all cheated of some marvelous experience
				which is not going to go wasted on me which is why I am telling you about it

				—Frank O'Hara</p>
		</td>
		<td style="width:200px;"><p onclick="document.getElementById('div').style='display:block;';" >нажми на меня что бы увидеть правую колонку</p></td>
	</tr>
</table>

</body>
</html>

sorrrrry · July 12, 2011

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

Searcher · July 13, 2011

А что вы так долго верстаете, если вертикальное центрирование текста в таблицах вам не знакомо? Есть css свойства которые этим управляют... Вы почитайте htmlbook.ru.

stars · July 13, 2011

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

Ну вариантов масса... Самое простое что приходит на ум это сделать

#table tr td { vertical-align: top; }

или конкретной ячейки прописать

valign="top"

sorrrrry · July 13, 2011

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

все заработало, не знаю че раньше не получалось, я просто столбику дал valign="top", все с этим думаю разобрался на всегда.Всем спасибо за помощь.

Sign In

две резиново- фиксированые колонки

Question

sorrrrry

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Softlink

Link to comment

Share on other sites

sorrrrry

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

sorrrrry

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

sorrrrry

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information