Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как без table сделать страницу с содержимым 1000px

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: И поля слева и права растягиваются в зависимости от размера окна браузера
Поиск в теме | Версия для печати
Robot-007
Отправлено: 24 Июля, 2016 - 14:52:02
Post Id



Новичок


Покинул форум
Сообщений всего: 3
Дата рег-ции: Июль 2016  


Помог: 0 раз(а)
Задача сделать страницу сайта без table в центре 1000px с контентом сайта а слева и права поля с фоновым рисунком.
Прикреплено изображение (Нажмите для увеличения)
c1000.jpg
 
 Top
vintag
Отправлено: 03 Августа, 2016 - 17:03:23
Post Id



Новичок


Покинул форум
Сообщений всего: 35
Дата рег-ции: Нояб. 2015  


Помог: 0 раз(а)
ставишь фон в тушку страницы, а в CSS прописываешь для тушки padding-left, для слоя в тушке высоту и ширину
 
 Top
IllusionMH
Отправлено: 03 Августа, 2016 - 17:11:29
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
margin: 0 auto отменили?
 
 Top
Fart
Отправлено: 04 Августа, 2016 - 22:32:55
Post Id



Посетитель


Покинул форум
Сообщений всего: 324
Дата рег-ции: Июль 2016  


Помог: 10 раз(а)
CODE (css):
скопировать код в буфер обмена
  1. body {
  2.         margin:0;
  3.         padding: 0;
  4.         width:100%;
  5.         height:100%;
  6.         background: url(../images/fon.jpg);
  7. }
  8.  
  9. #init {
  10.         position: absolute;
  11.         width:1000px;
  12.         height:100%;
  13.         background: red;
  14.         left: calc(50% - (1000px/2));
  15.         text-align:center;
  16.         font-size: 90px;
  17. }


CODE (html):
скопировать код в буфер обмена
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <meta http-equiv="content-language" content="ru">
  5. <link rel="stylesheet" type="text/css" href="css/style.css">
  6. </head>
  7. <body>
  8. <div id=init>Содержимое<div>
  9. </body>
  10. </html>


красивее будет выглядеть если добавить js для динамического изменения контента
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB