X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Для знающих HTML и CSS
shaddad_mw
shaddad_mw
Topic Starter сообщение 3.1.2013, 14:18; Ответить: shaddad_mw
Сообщение #1


Приветствую.
Вопрос у меня такой: есть обычная html страничка - вёрстка блочная, две колонки - контент и сайдбар. Но, бывает так, что блок контента больше, чем сайдбар, и всё это смотрится не очень красиво. Как сделать так, чтобы эти два блока имели одну и ту же длину - причём меньший блок принимал высоту большего?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 3.1.2013, 15:15; Ответить: Aman_sf
Сообщение #2


Это нужно смотреть код, ссылку на сайт дайте, или код. А так можно только погадать, то что у вас скорей всего идет фиксация с помощью тега абсолют.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shaddad_mw
shaddad_mw
Topic Starter сообщение 3.1.2013, 15:22; Ответить: shaddad_mw
Сообщение #3


Вот - http://onovladimir.tk/site/ обычный макет, сделанный за минуту.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops_hb
andreykashops_hb
сообщение 3.1.2013, 18:55; Ответить: andreykashops_hb
Сообщение #4


Простейший вариант сделать фон картинкой и пустить по высоте(background: url(images/*****.png) repeat-y;) :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 3.1.2013, 20:30; Ответить: Aman_sf
Сообщение #5


По сайту вроде все ровно, или вам нужно чтоб цвет окрашивался на ту же высоту что противоположный блок?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Witch_You
Witch_You
сообщение 4.1.2013, 17:02; Ответить: Witch_You
Сообщение #6


А не проще в данном случае табличный дизайн использовать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops_hb
andreykashops_hb
сообщение 4.1.2013, 17:05; Ответить: andreykashops_hb
Сообщение #7


Witch_You, здесь в том и смысл, что верстка блочная ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shaddad_mw
shaddad_mw
Topic Starter сообщение 5.1.2013, 2:41; Ответить: shaddad_mw
Сообщение #8


(andreykashops)
Простейший вариант сделать фон картинкой и пустить по высоте(background: url(images/*****.png) repeat-y;) :)

Та же фигня, что если бы я сделал - высоту 100% - цвет (в данном случае изображение) доходит только до края окна браузера - что в первой колонке, что и во второй, даже если сам контент будет по высоте занимать больше окна браузера.
Хотя, можно сделать общее изображение, но тут уже геморнее, хотя, 100% работать будет.

Добавлено спустя 1 час 43 минуты 20 секунд:
Открыл для себя новый способ и без запар!
Короче, делаем общий блок для 2ух колонок - задаём ему цвет сайдбара.
И задаём отдельно цвет для колокни с контентом.
Ну и окрашиваем сам сайдбар тем цветом, которым мы окрасили общий блок.
В итоге всё работает превосходно :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
andreykashops_hb
andreykashops_hb
сообщение 5.1.2013, 11:47; Ответить: andreykashops_hb
Сообщение #9


Владимир, по Вашему способу если сайдбар будет больше - цвет разойдется!

Моим же способом пускаете по фоновому блоку изображение по высоте - при любых изменениях оно будет показывать и сайдбар и и контент.

Пример в моем блоге(блок .andr2). ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aman_sf
Aman_sf
сообщение 5.1.2013, 13:06; Ответить: Aman_sf
Сообщение #10


У меня в хроме все работает отлично в тестовом сайте.

andreykashops, ава навеяна хобитом? :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐
Сервис для получения SMS на реальные номера USA
13 Chekon 4078 18.4.2024, 11:48
автор: Chekon
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
1 Rebex 690 17.4.2024, 11:50
автор: Rebex
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
11 Aloof 2823 16.4.2024, 12:48
автор: diviner99
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
54 arendator 34838 15.4.2024, 15:16
автор: arendator
Горячая тема (нет новых ответов) ⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!
83 AdsPower 24426 14.4.2024, 22:52
автор: AdsPower


 



RSS Текстовая версия Сейчас: 20.4.2024, 11:20
Дизайн