Помощник
|
Фиксированный блок в фиксированном блоке |
vadimon
|
Сообщение
#1
|
||
|
|
||
|
|||
locky-yotu |
15.11.2010, 21:46;
Ответить: locky-yotu
Сообщение
#2
|
|
Почему нет-то?! Вот например:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Some Title</title> <style type="text/css"> body { padding-left:250px; } .outer { width:200px; height:600px; background:#6dbe45; position:relative; } .inner { width:600px; height:200px; background:#ed1b64; position:absolute; top:200px; left:-200px; } </style> </head> <body> <div class="outer"> <div class="inner"></div> </div> </body> </html> А вообще можно придумать миллион и один способ такого расположения блоков. |
|
|
vadimon
|
Сообщение
#3
|
|
Почему нет-то?! Вот например: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Some Title</title> <style type="text/css"> body { padding-left:250px; } .outer { width:200px; height:600px; background:#6dbe45; position:relative; } .inner { width:600px; height:200px; background:#ed1b64; position:absolute; top:200px; left:-200px; } </style> </head> <body> <div class="outer"> <div class="inner"></div> </div> </body> </html> А вообще можно придумать миллион и один способ такого расположения блоков. Не все так просто. Под этим блоком лежит футер, который также должен двигаться вниз при добавлении контента в большой блок. -------------------- |
|
|
locky-yotu |
15.11.2010, 22:44;
Ответить: locky-yotu
Сообщение
#4
|
|
Ну сделайте 3 блока: 2 зеленых и один красный. Я же не знаю, какая у вас задача. Одно решение я предложил, оно не подошло. Если критично – сформулируйте вопрос максимально точно, и вам ответят.
|
|
|
locky-yotu |
15.11.2010, 22:46;
Ответить: locky-yotu
Сообщение
#5
|
|
Ну или так, например:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> <head> <title>Some Title</title> <style type="text/css"> body { padding-left:250px; } .outer { width:200px; padding:200px 0; background:#6dbe45; } .inner { width:600px; height:200px; background:#ed1b64; margin-left:-200px; } </style> </head> <body> <div class="outer"> <div class="inner"></div> </div> </body> </html> |
|
|
alissandro |
19.3.2011, 3:01;
Ответить: alissandro
Сообщение
#6
|
|
|
Никогда не писал, так как все находил тут, но в данном случае.. перерил все и никак...
помогите сделать 2 фиксированных блока в верху страницы и в низу я смог только вверху <style type="text/css"> A { text-decoration: none;color: grey51; font-weight: bold; } link { color: red; text-decoration:none; } a:visited { color: red; text-decoration:none; } A:hover { color: red; background:; font-size:100%; } #menu { position: fixed; /* Задаём фиксированную позицию */ right:px; /* Задаём отступ от правой стороны страницы */ top: 0; /* Задаём отступ от верха страницы */ background: #000000; /* Цвет фона */ padding: 15px; /* Делаем внутренний отступ */ width:100%;"} </style> а нада еще один в один по размерам в низу ( там будет добавить вконтакт и тд.. и написать мне) вот как сделать не знаю.. И вопрос, на ноуте текст становится в 2 ряда на на большом компе в 1 можно сделать, чтоб на ноуте тож был в один? Большое спасибо
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
В блоке РСЯ теперь можно показывать видеорекламу - кто пробовал? | 1 | rom_4 | 1550 | 16.4.2020, 12:53 автор: adamsadriane |
|
Как скрыть блок в приложении на Android | 0 | Вито_052 | 1090 | 15.12.2019, 12:37 автор: Вито_052 |
|
Появляющийся блок | 0 | sergei_burg | 2189 | 1.6.2019, 13:39 автор: -sergei1980- |
|
Перенести блок FAQ с сайта Верстка |
3 | Gera | 2525 | 13.12.2018, 15:40 автор: mmkulikov |
|
Куплю места на мордочках, под сквозные ссылочки под блок сквозных ссылок. тематика: СМИ,Туризм,Медицина |
4 | SeoGanik | 9616 | 18.2.2017, 12:33 автор: SeoGanik |
Текстовая версия | Сейчас: 29.3.2024, 18:44 |