Старый 28.01.2012, 03:49   #1
Заблокирован
 
Аватар для Иштар
 
Мужчина
Регистрация: 29.12.2005
Адрес: Садок вишневий коло хати
Возраст: 33
Сообщений: 13,798
Вес репутации: 0 Иштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнуть

Заблокирован

По умолчанию Вопрос по div-ам и css

Решил я на старости лет в свободное время учить web-програмирование
Сам пока не знаю зачем, но нравится.

После html и Joomla взялся за div-верстку и css.
Для того чтобы сразу же погрузиться с головой в обучение решил взять какой-нибудь сайт на табличной верстке и переверстать самостоятельно на div-ах и css.

Сайт взял [Только зарегистрированные пользователи могут видеть ссылки. Регистрация!]

И столкнулся с двумя проблемами:

1) Как сделать так, чтобы все колонки для пользователя выглядели одинаковой длины?

2) Что я прописываю не так, что правая колонка у меня начинается своим левым верхним краем от нижнего левого края средней колонки?

Архив "сайта" и скриншот с проблемами прилагаю.

На всякий случай хочу заметить, что мой "стаж" учебы и практики в сабже ограничен 4 часами и прикрепленными к сообщению файлами (это пишу для критиков).
Изображения
Тип файла: png Собеседование на английском языке.png (502.9 Кб, 36 просмотров)
Вложения
Тип файла: rar Сайт.rar (22.4 Кб, 3 просмотров)
Иштар вне форума   Ответить с цитированием
Старый 28.01.2012, 16:38   #2
Завсегдатай
 
Аватар для simplex
 
Регистрация: 21.07.2005
Возраст: 34
Сообщений: 695
Вес репутации: 21 simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)


По умолчанию Ответ: Вопрос по div-ам и css

Иштар, header3 нужно разместить перед header2.
Код:
<div id="header1"></div>
<div id="header3"><h1>Вопросы и ответы <br> о написании резюме <br> на английском языке</h1></div>
<div id="header2"><h1>FAQ Resume in English</h1>
<h3>Common Questions about Resume and CV Writing</h3></div>
<div id="clear"></div>
Т.е. сначала размещаются "плавающие" блоки, а потом обтекающий текст (основной контент).
[Только зарегистрированные пользователи могут видеть ссылки. Регистрация!]
__________________

Последний раз редактировалось simplex; 28.01.2012 в 16:51.
simplex вне форума   Ответить с цитированием
Старый 28.01.2012, 17:02   #3
Заблокирован
 
Аватар для Иштар
 
Мужчина
Регистрация: 29.12.2005
Адрес: Садок вишневий коло хати
Возраст: 33
Сообщений: 13,798
Вес репутации: 0 Иштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнуть

Заблокирован

По умолчанию Ответ: Вопрос по div-ам и css

Цитата:
Сообщение от simplex Посмотреть сообщение
Т.е. сначала размещаются "плавающие" блоки, а потом обтекающий текст (основной контент).
Спасибо огромное!
+
А по тому как сделать все три колонки одинаковыми нет никакого решения?
Иштар вне форума   Ответить с цитированием
Старый 28.01.2012, 17:05   #4
Гуру
 
Аватар для max92
 
Мужчина
Регистрация: 01.01.2006
Адрес: на планете "Земля"
Сообщений: 2,890
Вес репутации: 25 max92 , можно гордитьсяmax92 , можно гордитьсяmax92 , можно гордитьсяmax92 , можно гордитьсяmax92 , можно гордитьсяmax92 , можно гордитьсяmax92 , можно гордитьсяmax92 , можно гордиться


Отправить сообщение для max92 с помощью ICQ Отправить сообщение для max92 с помощью Skype™
По умолчанию Ответ: Вопрос по div-ам и css

Может использовать минимальную высоту (min-height)?
__________________
*[Только зарегистрированные пользователи могут видеть ссылки. Регистрация!]
max92 вне форума   Ответить с цитированием
Старый 28.01.2012, 17:18   #5
Заблокирован
 
Аватар для Иштар
 
Мужчина
Регистрация: 29.12.2005
Адрес: Садок вишневий коло хати
Возраст: 33
Сообщений: 13,798
Вес репутации: 0 Иштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнуть

Заблокирован

По умолчанию Ответ: Вопрос по div-ам и css

Цитата:
Сообщение от max92 Посмотреть сообщение
Может использовать минимальную высоту (min-height)?
И какую ее задать?
Верхние три шапки я выровнял выставив в 1 изображение, а 2 и 3 сделал по высоте равные этому изображению. И в общем-то проблем быть не должно, т.к. если реально делать такой сайт, то на всех страницах высота этих верхних колонок меняться не будет.

А вот три нижние колонки будут постоянно меняться и неизвестно где будет больше текста (хотя логично предположить, что в "русской" колонке, как в синтетическом языке, которые всегда больше аналитического по количеству знаков).
Изображения
Тип файла: png Собеседование на английском языке_1.png (290.7 Кб, 24 просмотров)
Иштар вне форума   Ответить с цитированием
Старый 28.01.2012, 17:31   #6
Завсегдатай
 
Аватар для simplex
 
Регистрация: 21.07.2005
Возраст: 34
Сообщений: 695
Вес репутации: 21 simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)simplex великолепен(-на)


По умолчанию Ответ: Вопрос по div-ам и css

Для min-height всё равно нужно задавать размер по максимальной колонке. Вот если бы он брал в процентах от container'а.
__________________
simplex вне форума   Ответить с цитированием
Старый 28.01.2012, 21:10   #7
Заблокирован
 
Аватар для Иштар
 
Мужчина
Регистрация: 29.12.2005
Адрес: Садок вишневий коло хати
Возраст: 33
Сообщений: 13,798
Вес репутации: 0 Иштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнутьИштар . Такую репутацию нельзя пошатнуть

Заблокирован

По умолчанию Ответ: Вопрос по div-ам и css

Цитата:
Сообщение от simplex Посмотреть сообщение
Для min-height всё равно нужно задавать размер по максимальной колонке. Вот если бы он брал в процентах от container'а.
Ура! Я сам нашел решение!
Прописал в стиле container'а
background-image:url(image/bg_image.png);
где этот самый bg_image.png - изображение 1000 px на 2px с тремя вертикальными полосками нужных цветов.

Думаю это далеко не универсальное решение, но для такого сайта пойдет. И оно довольно простое.
Изображения
Тип файла: png Собеседование на английском языке.png (295.0 Кб, 21 просмотров)
Тип файла: png bg_image.png (176 байт, 3 просмотров)
Иштар вне форума   Ответить с цитированием
Ответ

  HitForum - Форумы Мариупольской Городской Сети > HiTech > Web-разработка > Вопросник


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы

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

BB code is Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вопрос Guess Юный техник 10 22.10.2010 14:18
Вопрос ! ! ! Кто там ? Естественные науки 36 15.09.2006 23:52

© 2003 - HitLine.
Часовой пояс GMT +3, время: 10:56.