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



 

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

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

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Где я ошибаюсь?
AlexsWorld_hb
AlexsWorld_hb
Topic Starter сообщение 29.11.2010, 22:40; Ответить: AlexsWorld_hb
Сообщение #1


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Light</title>
<style>
.container
{
color:red;
background:#ffffcc;
border: 1px solid #660033;
margin: 2em;
padding: 1em;
width: 200px
}
p{
width: 50%;
border: 1px dotted #336699;
margin-left: 10px
}
.outwin{
color:blue;
width: 50%;
margin-buttom: 0px;
margin-right: 0px;
border: 2px dashed #452323;
padding: 5px;
}
</style>

</head>
<body>

<div class="container">
Содержимое главного блока контейнера находится тут.
<p>Параграф шириной 50% своего контейнера.
<div class="outwin">
Привет! Я появился!
</div>
</div>

</body>

</html>

Перед запуском я был уверен что нижний контейнер с фразой Привет! Я появился! Будет а правом нижнем углу. Почему не так?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 29.11.2010, 22:44; Ответить: alexdrob
Сообщение #2


(AlexsWorld_hb @ 30.11.2010, 00:40) *
Перед запуском я был уверен

А почему вы были в этом уверены?)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
forest69
forest69
сообщение 29.11.2010, 23:05; Ответить: forest69
Сообщение #3


во-первых
напишите слово bottom правильно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AlexsWorld_hb
AlexsWorld_hb
Topic Starter сообщение 29.11.2010, 23:25; Ответить: AlexsWorld_hb
Сообщение #4


Исправил слово bottom и всё равно не то, а уверен был потому что ведь по идее margin-right и margin-bottom привязывают к правому нижнему углу ведь эти параметры показывают расстояние между контейнерами, если смысл немного огрубить.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
forest69
forest69
сообщение 29.11.2010, 23:39; Ответить: forest69
Сообщение #5


они не привязывают к нижнему углу.
они делают отступ от контейнера снизу и справа
если хотите привязать в низу, то используйте абсолютное позиционирование и через top, bottom...
задавайте позиционирование
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flok
Flok
сообщение 30.11.2010, 0:05; Ответить: Flok
Сообщение #6


positrion:fixed;
right:0;
bottom:0;

вуаля.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AlexsWorld_hb
AlexsWorld_hb
Topic Starter сообщение 30.11.2010, 13:02; Ответить: AlexsWorld_hb
Сообщение #7


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Light</title>
<style>
.container
{
color:red;
background:#ffffcc;
border: 1px solid #660033;
padding: 20px;
width: 120px;
positrion:fixed;
right:0;
bottom:0
}

.outwin{
width: 50%;
height: 300px;
color:blue;
padding: 10px;
border: 2px dashed #452323;
}
</style>

</head>
<body>
<div class="outwin">
<div class="container">
Ширина области контента должна быть 100 пикстелей. Что будет если туда поместить очень длинное слово очень?
</div>
</div>
</body>

</html>

А всё равно внутренний контейнер не хочет прилипать к правому нижнему углу!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
сообщение 30.11.2010, 14:34; Ответить: Tati_2000
Сообщение #8


position:absolute;
right:0;
bottom:0;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
сообщение 30.11.2010, 14:43; Ответить: Tati_2000
Сообщение #9


Так как конструкция с четкими указаниями ширины и высоты , можно и так :


position:fixed;
float:right;
right:0;
bottom:0;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
сообщение 30.11.2010, 14:46; Ответить: Tati_2000
Сообщение #10


и Вы на опечатки обращайте внимания, ; после bottom нет и DOCTYPE подправить , из-за него у вас и не сработало :
positrion:fixed;
right:0;
bottom:0;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Кто где хранит файлы? И какой объем?
просто интересно
 22 mark2013 2685 15.4.2024, 8:08
автор: Room
Открытая тема (нет новых ответов) Где больше пробив на кликандер или попандер или попап трафике?
 1 Boymaster 682 20.3.2024, 9:50
автор: Skyworker
Открытая тема (нет новых ответов) Где получить виртуальную карту бесплатно?
 22 Mixatraider 5520 2.3.2024, 0:08
автор: Alekser
Горячая тема (нет новых ответов) Где лучше зарегистрировать email?
 104 MorKer 13750 29.2.2024, 23:45
автор: bestx24
Открытая тема (нет новых ответов) Где зарегать домен RU за рубежом.
Без документов, паспорта.
 7 chakrai 2348 20.2.2024, 15:48
автор: apirone


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 26.4.2024, 8:33

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet