Верстка на DIV - при уменьшении окна соскакивает DIV

Сообщение сайта

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

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

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

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Верстка на DIV - при уменьшении окна соскакивает DIV

Опции

KoDer123

Topic Starter сообщение

3.3.2010, 22:37; Ответить: KoDer123

Сообщение #1

Группа: User
Сообщений: 2
Регистрация: 3.3.2010
Поблагодарили: 0 раз
Репутация:

Добрый день! Работаю с дизайном блога http://trudobzor.ru . Верстка на DIV. Столкнулся с проблемой, что при уменьшении окна браузера соскакивает DIV с левым меню ближе к центру, нужен совет, ребят, а то это стало для меня задачкой :) Левый Div имеет параметр float:left;

Пробовал присвоить тегу body min-width - не помогло.
Пробовал сделать распорку из gif - тож не помогло..

При сжатии DIV ы сжимают друг друга и соскакивают одним словом почему-то...

Подскажите,пожалуйста, как решить проблему, на ваш взгляд, может косяк в верстке не учел какой.. и почему все таки соскакивает левый DIV с параметром float:left; ?

Ответить с цитированием данного сообщения

pomp pomp 3.3.2010, 23:27; Сообщений: 1160 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.3.2010, 23:27; Ответить: pomp Сообщение #2
0 Группа: User Сообщений: 1160 Регистрация: 13.12.2007 Поблагодарили: 0 раз Репутация: 0	(KoDer123 @ 4.3.2010, 00:37) Пробовал присвоить тегу body min-width - не помогло. body как раз и помогло, а вот левому блоку нет. Контенто содержащиму блоку "id=content" задайте min-width, что бы при ресайзе он не давил на левый блок. Изначально вы немного неправильно построили структуру верстки.

Nemez Nemez 4.3.2010, 16:54; Сообщений: 8 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	4.3.2010, 16:54; Ответить: Nemez Сообщение #3
0 Группа: User Сообщений: 8 Регистрация: 4.3.2010 Поблагодарили: 0 раз Репутация: 0	min-width подерживается не всеми браузерами. Легче подложить под эти два блока один с фиксированым размером.

pomp pomp 4.3.2010, 17:09; Сообщений: 1160 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	4.3.2010, 17:09; Ответить: pomp Сообщение #4
0 Группа: User Сообщений: 1160 Регистрация: 13.12.2007 Поблагодарили: 0 раз Репутация: 0	Nemez, min-width для IE6 есть хаки.

KoDer123

Topic Starter сообщение

5.3.2010, 21:18; Ответить: KoDer123

Сообщение #5

Группа: User
Сообщений: 2
Регистрация: 3.3.2010
Поблагодарили: 0 раз
Репутация:

Спасибо, коллеги, за помощь, но к сожалению ничего из ваших советов мне не помогло :(

Решение придумал сам свойствами CSS:

В свойствах CSS левого блока применил абсолютное позиционирование и float:left;

#left_side {
position: absolute; top:230px;left:0px;
margin-top: 20px;
float: left;
width: 160px;
}

А для body применил свойство min-width:

body {
min-width: 900px;
}

Спасибо! Вопрос решен.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.	27	zaiko	17553	2.4.2024, 14:00 автор: zaiko
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п	7	stu999	1753	31.3.2024, 11:19 автор: stu999
Верстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP Разработка на профессиональном уровне	144	Gerga	92109	11.3.2024, 19:59 автор: anchous
Верстка шаблона Битрикс	0	bat	1419	26.9.2023, 6:22 автор: bat
Верстка электронных писем бесплатно	0	Gidemopassan	1528	23.6.2023, 10:12 автор: Gidemopassan

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 8:59

Дизайн