Stran
-
Posts
5 -
Joined
-
Last visited
Stran's Achievements
Explorer (1/14)
0
Reputation
-
вс?, наш?л косяк надо было в свойство слоя middle добавить width: 100%; и тогда вс? становиться нормально - подвал уползает ниже любой из колонок Спасибо за помощь, одна голова хорошо а две и думают веселее Правда боюсь что это мой не последний вопрос ))
-
Влад - спасибо, помогло! Dimitry Wolotko - лягушатник, это я так понимаю "вопросы начинающих"? Ладно, в принципе согласен...
-
Спасибо. Попробовал - не помогло - подвал сместился относительно но правя колонка осталась длиннее него. Будет возможность проверь сам.Вроде и колонок там в коде две (я их внутрь middle засунул, надеялся поможет)
-
Помогите ПЖС разобраться с тр?хколоночным и двухколоночным макетами на дивах. Задача: сделать тр?хколоночный макет с шапкой и подвалом (примитивный - хочу разобраться, без всяких там "чтобы меньше 800 не сжимался") при условии что высота колонок определяется их содержимым, и следовательно неизвесно какая из колонок окажется "самой длинной" Я взял двухколоночный макет Влада (с это сайта) но и там при увеличении объ?ма текста в колонке "Меню" подвал прилипает к колонке сбоку. Попытался заключить колонки в общий но это не помогло.Листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #middle { border: dotted 1px black; /* Параметры рамки */ } #top { /* Верхняя часть с заголовком страницы */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ padding: 15px 0px 15px 10px; /* Поля вокруг текста */ margin-bottom: 15px; /* Расстояние между заголовком и колонками */ font-size: 24px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ color: black; /* Цвет символов */ } #menu { /* Навигация по сайту */ width: 100px; /* Ширина меню */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ float: left; /* Состыковка с другим слоем по горизонтали */ padding: 3px; /* Поля вокруг текста */ } #content { /* Основное содержание страницы */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ margin-left: 115px; /* Отступ слева */ margin-bottom: 15px /* Отступ снизу */ } #bottom { /* Нижняя часть */ background: #e3e8cc; /* Цвет фона */ border: solid 1px black; /* Параметры рамки */ font-size: 90%; /* Размер шрифта */ padding: 3px; /* Поля вокруг текста */ } </style> </head> <body> <div id="top">Заголовок сайта</div> <div id="middle"> <div id="menu"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</div> <div id="content"> <h1>заголовок</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.</p> </div> </div> <div id="bottom"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit </div> </body> </html> Отсюда вопросы: 1) Почему не помогло? 2) Как сделать тр?хколоночный резиновый макет по вышеозначеным условиям?
-
Приветствую. Ситуация следующая: Создаю встроеную таблицу стилей, например: <html> <head> <style type="text/css"> <!-- BODY { background-color: #99653e; color: #f0f; } --> </style> </head> <body> текст </body> </html> Вс? прекрасно работает в IE 6, однако стоит вынести таблицу стилей в отдельный файл как тег BODY в IE 6 переста?т работать (все остальные теги работают нормально а вот BODY не работает) в Opera все теги работают нормально. Подскажите, так ли это или я в ч?м то не прав, В ч?м ошибка и как исправить? Вот листинг раздельных html и css: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> текст </body> </html> <style type="text/css"> BODY { background-color: #99653e; color: #f0f; } </style>