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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыSiteAnalyzer - бесплатная программа для аудита и анализа сайта
79 Chaser 74320 Сегодня, 1:02
автор: Chaser
Открытая тема (нет новых ответов) Посоветуйте массажер для спины и шеи
11 Boymaster 936 Вчера, 18:24
автор: Arsenwenger
Горячая тема (нет новых ответов) ⭕Антидетект браузер AdsPower для эффективной работы с мультиаккаунтами!
84 AdsPower 24599 Вчера, 16:35
автор: AdsPower
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
55 arendator 35109 Вчера, 2:12
автор: arendator
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
3 Rebex 975 24.4.2024, 20:50
автор: Rebex


 



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