|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
09.06.2012, 11:15 | #1 |
Регистрация: 09.06.2012
Сообщений: 7
|
Сайт отображается не полностью на широких мониторах
Сделал сайт http://maxcomp74.ru резиновой вёрсткой, на моём мониторе нормально отображается, а на ноутбуках и широкоэкранных только левая верхняя часть. Как сделать чтобы сайт целиком отображался на всех экранах? Заранее спасибо
|
09.06.2012, 13:00 | #2 | |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Код:
Цитата:
Alar, верни репу!
Последний раз редактировалось Naive; 09.06.2012 в 13:03. |
|
09.06.2012, 15:05 | #3 |
Регистрация: 09.06.2012
Сообщений: 7
|
сайт в стадии разработки. текст просто пока добавил чтобы смотреть как он выглядит, не уплывает ли за границы экранов и тп
|
09.06.2012, 15:14 | #4 |
Регистрация: 09.06.2012
Сообщений: 7
|
убрал max-width:800;
сайт по прежнему отображается не полностью. помогите понять что я сделал не так |
11.06.2012, 14:36 | #5 |
Форумчанин
Регистрация: 05.08.2010
Сообщений: 127
|
max-width:100%;
min-width:100%; поможет! |
11.06.2012, 15:02 | #6 |
Форумчанин
Регистрация: 05.08.2010
Сообщений: 127
|
Попробуй так
Код HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=cp-1251"> <title>Êîìïüþòåðíûé ìàñòåð ×åëÿáèíñê</title> </head> <style> * { padding:0; margin:0; } body { min-width:100%; min-height:100%; } .content { display:table; position:relative; width:100%; height:100%; } .aligner { display:table; width:80%; margin:0 auto; } .menu, .body { display:block; float:left; } .menu { width:35%; } .body { width:65%; } .info { display:block; width:100%; padding-left:35%; } </style> <body> <div class="content"> <div class="aligner"> <div class="info"><h1> about me</h1> </div> <div class="menu"> <ul> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> <li>1</li> </ul> </div> <div class="body"> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." </div> </div> </div> </body> </html> |
12.06.2012, 18:01 | #7 |
Новичок
Джуниор
Регистрация: 29.03.2012
Сообщений: 1
|
ты бы еще 70 кеглем писал
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Неправильно отображается сайт | zayabelka | HTML и CSS | 4 | 18.12.2011 22:12 |
Сайт не отображается в IE и Opera. Отображается только в FireFox. | Roman_K | HTML и CSS | 3 | 03.02.2011 22:32 |
В опере криво отображается сайт | Sabaka | HTML и CSS | 11 | 30.01.2011 13:20 |
не полностью отображается шаблон Joomla | Жанна Артемьева | WordPress и другие CMS | 5 | 17.02.2010 20:36 |