|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
05.05.2016, 16:19 | #1 |
Новичок
Джуниор
Регистрация: 05.05.2016
Сообщений: 2
|
Как продолжить фон
Здравствуйте! Как продолжить белый фон влево?
Код HTML:
.con_center{ width:1101px; margin:0 auto; overflow:hidden; } .con_left{ float:left; background: #fff; width:770px; height:400px; padding-top:30px; padding-right:30px; } .con_right{ float:right; border-left: 1px solid #ddd; width:270px; height:400px; background:#f1f1f1; padding-top:30px; padding-left:30px; } Код HTML:
<div class="con_center"> <div class="con_left"> content </div> <div class="con_right"> block </div> </div> |
05.05.2016, 17:42 | #2 |
Форумчанин
Регистрация: 19.01.2015
Сообщений: 158
|
Так?
Код HTML:
<!DOCTYPE HTML> <html> <head> <title>Test1</title> <style> div {box-sizing:border-box;} .con_center { position:absolute; top:0; left:0; right:0; width:1100px; margin:auto; overflow:hidden; } .header { height:30px; background:#F9EAAC; } .con_left { float:left; background:#D6E8FF; width:770px; height:400px; padding:30px 30px 0 0; } .con_right { float:left; border-left:1px solid #ddd; width:330px; height:400px; background:#f1f1f1; padding:30px 0 0 30px; } .footer { clear:both; height:30px; background:#91BAF0; } </style> </head> <body> <div class="con_center"> <div class="header"> header </div> <div class="con_left"> con_left </div> <div class="con_right"> con_right </div> <div class="footer"> footer </div> </div> </body> </html> |
05.05.2016, 17:51 | #3 |
Новичок
Джуниор
Регистрация: 05.05.2016
Сообщений: 2
|
вообще не то что я хотел
|
07.05.2016, 17:54 | #4 |
Новичок
Джуниор
Регистрация: 07.05.2016
Сообщений: 4
|
Если еще нужно,то:
Убрать в ".con_left" width т.к. в ".con_center" стоит авто выравнивание ( margin:auto; ). Вот и все |
08.05.2016, 18:25 | #5 |
Новичок
Джуниор
Регистрация: 08.05.2016
Сообщений: 3
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Образование, официальные курсы. Как продолжить обучение, имея базовые навыки? | Foxeestyle | Свободное общение | 5 | 04.09.2013 17:23 |
Как продолжить обучение? | UaKot | Свободное общение | 7 | 17.02.2013 23:02 |
Как сделать продолжить | Shaman-King | WordPress и другие CMS | 2 | 26.12.2012 19:51 |
как можно отключить сообщение "поля раздела выходят за границы области печати. Продолжить?" | Dadosh | Microsoft Office Word | 7 | 29.07.2012 11:58 |
Как изменить формулу или продолжить ее...!!! | wirta | Microsoft Office Excel | 2 | 29.02.2012 10:26 |