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



 

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

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

Открыть тему
Тема закрыта
> Фиксированный блок в фиксированном блоке
vadimon
vadimon
Topic Starter сообщение 15.11.2010, 21:24; Ответить: vadimon
Сообщение #1


Скорее всего хожу вокруг да около или просто туплю, но мне надо сделать два блока фиксированной ширины. Схематично это можно выразить так:
[img]http://i040.radikal.ru/1011/f0/79c9bcca45b0t.jpg[/img]
Грубо говоря, у меня есть зеленый блок фиксированной ширины, а внего нужно запихнуть красный блок фиксированной ширины. Естественно, не получится запихнуть блок большей ширины в блок меньшей ширины, но вот как-то надо это сделать каким-то другим образом.... )))


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
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
vadimon
Topic Starter сообщение 15.11.2010, 21:57; Ответить: vadimon
Сообщение #3


(locky-yotun @ 15.11.2010, 23:46) *
Почему нет-то?! Вот например:
<!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
locky-yotu
сообщение 15.11.2010, 22:44; Ответить: locky-yotu
Сообщение #4


Ну сделайте 3 блока: 2 зеленых и один красный. Я же не знаю, какая у вас задача. Одно решение я предложил, оно не подошло. Если критично – сформулируйте вопрос максимально точно, и вам ответят.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
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
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
можно сделать, чтоб на ноуте тож был в один?

Большое спасибо

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) В блоке РСЯ теперь можно показывать видеорекламу - кто пробовал?
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


 



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