Помощник
 |
|
|
|
|
Сообщение сайта
|
 CSS-верстка “резинового” макета из трех колонок |
Оля_hb
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 14 Регистрация: 29.7.2010 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
locky-yotu
|
 29.7.2010, 17:21;
Ответить: locky-yotu
Сообщение
#2
|
|
0 Группа: User Сообщений: 0 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
Вообще-то никак, потому что 15+15+75 = 105%. Что-то у вас не то с арифметикой.
|
|
|
|
|
Webmaster_hb
|
29.7.2010, 17:29;
Ответить: Webmaster_hb
Сообщение
#3
|
 0 
 Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
да и еще кроме процентов стоит учитывать всякие там бордеры, маргины и паддинги
|
|
|
|
|
Licoric
|
31.7.2010, 2:01;
Ответить: Licoric
Сообщение
#4
|
 0 
 Группа: User Сообщений: 5309 Регистрация: 15.11.2008 Поблагодарили: 0 раз Репутация: 0
|
Я бы меню делал 250-300 пиксов фиксированно. А контент в резину.
ps попробуй 15-70-15. Может тогда уместишься в 100% ширины экрана, как уже было замечено выше))) |
|
|
|
|
pavelsc
|
1.8.2010, 20:49;
Ответить: pavelsc
Сообщение
#5
|
 0 Группа: User Сообщений: 745 Регистрация: 1.8.2010 Поблагодарили: 0 раз Репутация: 0
|
Делал тоже недавно эту резиновую верстку только 75/25, так везде кроме IE не было глюков. В ИЕ правая все съезжала - прикол был в том что ИЕ как то через одно место проценты высчитывает когда поставил 76/24 все заработало.
Licoric, это как ты так сделаешь контент на оставшееся место? =) через сss никак, width:100%-400px не напишешь же. Разве что через js и в боди на онресайз и онлоад функцию поставить. |
|
|
|
|
locky-yotu
|
1.8.2010, 20:57;
Ответить: locky-yotu
Сообщение
#6
|
|
0 Группа: User Сообщений: 0 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
pavelsc, а так – не?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Простой трехколоночный макет</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style type="text/css"> body {margin:0;color:#fff;font:bold 17px Tahoma;text-align:center} .all {min-width:800px;margin:0 50px} .left {width:195px;float:left;background:#555} .right {width:195px;float:right;background:#555} .content {margin:0 200px;background:#999} .left, .right, .content {min-height:500px} </style> </head> <body> <div class="all"> <div class="left">Лево</div> <div class="right">Право</div> <div class="content">Центр</div> </div> </body> </html> |
|
|
|
|
pavelsc
|
1.8.2010, 21:21;
Ответить: pavelsc
Сообщение
#7
|
|
|
0 Группа: User Сообщений: 745 Регистрация: 1.8.2010 Поблагодарили: 0 раз Репутация: 0
|
locky-yotun, упс, чего-то я не подумав сказал :rolleyes:, хотя сам на той неделе так же с двумя колонками сделал. Согласен на все сто
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка. |
27 | zaiko | 17550 | 2.4.2024, 14:00 автор: zaiko |
 |
Верстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP Разработка на профессиональном уровне |
144 | Gerga | 92102 | 11.3.2024, 19:59 автор: anchous |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3460 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3400 | 19.12.2023, 18:55 автор: CULA |
|
Верстка шаблона Битрикс | 0 | bat | 1419 | 26.9.2023, 6:22 автор: bat |
|
Текстовая версия | Сейчас: 20.4.2024, 1:27 |
