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



 

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

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

4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
> Верстка Div-ами
Licoric
Licoric
Topic Starter сообщение 29.11.2009, 2:30; Ответить: Licoric
Сообщение #1


Собственно решил попробовать. Возникло пара вопросов по расположению дивов.
http://vfat.ru/
http://vfat.ru/css.css

- Как сделать так, что бы зеленый блок был от левого меню и до конца в право, а не с отступом от левого края на ширину левого меню?

- Как сделать так, что б футер был под самым нижним блоком? Если меню больше зеленого блока, то футер под меню и наоборот.

- заливка body была не на весь экран, а до футера. Остальное - по умолчанию (белый экран).
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 29.11.2009, 2:45; Ответить: alexdrob
Сообщение #2


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

этот доктип не включит нормального отображения страницы
используйте или
<!DOCTYPE html>

или
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


(Licoric @ 29.11.2009, 04:30) *
заливка body была не на весь экран, а до футера. Остальное - по умолчанию (белый экран).

html{
margin:0;
background-color:#ffffff;
}


(Licoric @ 29.11.2009, 04:30) *
Как сделать так, что б футер был под самым нижним блоком? Если меню больше зеленого блока, то футер под меню и наоборот.

#footer
{
clear:both;
}



(Licoric @ 29.11.2009, 04:30) *
Как сделать так, что бы зеленый блок был от левого меню и до конца в право, а не с отступом от левого края на ширину левого меню?


не много не понятно. он же и так от меню и до правого края. или вам нужно чтобы он находился под меню и был от левого края страницы?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 29.11.2009, 2:47; Ответить: alexdrob
Сообщение #3


чтоб отцентровать футер

#footer
{
clear:both;
margin:0 auto;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 29.11.2009, 3:04; Ответить: alexdrob
Сообщение #4


кстати нужно обязательно указывать единицы измерения.
только 0 можно не подписывать

если написать width:300; не будет работать
так же и padding: 10; не будет работать
нужно писать
padding: 10px;
ну или какие единицы вам нужны
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Licoric
Licoric
Topic Starter сообщение 29.11.2009, 3:25; Ответить: Licoric
Сообщение #5


Так.
А как сделать отступ? Что б между зеленым блоком и ссылками был отступ в 10 пикселей?
margin-left:10px; дает отступ от левого края экрана. Если написать не 10 а 260 (250 ссылки и +10 отступа), то все работает...
Просто мне кажется, что это не правильно. Особенно если изменить ширину меню - нужно будет тут (в css) тоже высчитывать значения.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 29.11.2009, 4:00; Ответить: AndreySmith
Сообщение #6


Можно в процентаз задать значение, тогда не придется высчитывать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Licoric
Licoric
Topic Starter сообщение 29.11.2009, 4:22; Ответить: Licoric
Сообщение #7


И менюшку слева и основной контент?
На широких мониторах меню будет съедать, допустим 10% и 89% контент. При окне браузера в 500 точек шириной задел будет несколько пикселей. При развернутом на весь экран - несколько 10-ков (допустим). Это не годится.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 29.11.2009, 4:26; Ответить: locky-yotu
Сообщение #8


вообще, обычно при резиновой верстке ставят ограничения на ресайз: минимальное - 1000рх, максимальное - зависит от клиентского разрешения. например до 1600рх - 1400рх, дальше - больше. а просто блоки вообще без указания ширины лучше не использовать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Licoric
Licoric
Topic Starter сообщение 29.11.2009, 4:33; Ответить: Licoric
Сообщение #9


Т.е. остается вариант с указанием отступа в пикселях?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 29.11.2009, 4:40; Ответить: locky-yotu
Сообщение #10


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 91684 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
26 zaiko 17167 30.1.2024, 18:10
автор: zaiko
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1366 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1499 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16446 19.5.2023, 22:01
автор: Brans


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:41
Дизайн