Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.09.2012, 13:30
Новичок на форуме
Отправить личное сообщение для ottawa1 Посмотреть профиль Найти все сообщения от ottawa1
 
Регистрация: 15.12.2010
Сообщений: 8

Позиционирование в css3
Здравствуйте.Пытаюсь создать страницу для сайта.Пока только удалось создать два объекта с закругленныли углами один внутри другого.Как внутренние двигать,конкретно ни где не прочитал.Вот код
<style type="text/css">
div {
margin: 0 auto;
}
.bord
{
background: #EBECDF; 
width:90%; 
height:90%; 
border:2px solid #B0B384; 
border-radius:30px; 
-webkit-border-radius:30px; 
-moz-border-radius:30px;
}
.mord
{
background: #EBECDF; 
width:600px; 
height:400px; 
border:2px solid #B0B384; 
border-radius:30px; 
-webkit-border-radius:30px; 
-moz-border-radius:30px;
}
</style>
<div class="bord">
<div class="mord">
</div>
</div>
рисунок [IMG]<a href="http://smages.com/?v=image2ulu.jpg"><img src="http://smages.com/thumbs/image2ulu.jpg" border="0"></a>[/IMG]
Ответить с цитированием
  #2 (permalink)  
Старый 06.09.2012, 14:08
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

А теперь внимание вопрос! ?
Ответить с цитированием
  #3 (permalink)  
Старый 06.09.2012, 14:53
Новичок на форуме
Отправить личное сообщение для ottawa1 Посмотреть профиль Найти все сообщения от ottawa1
 
Регистрация: 15.12.2010
Сообщений: 8

Как передвинуть внутренний объект к левому краю?
Ответить с цитированием
  #4 (permalink)  
Старый 06.09.2012, 15:10
Server
Отправить личное сообщение для Rootpassword Посмотреть профиль Найти все сообщения от Rootpassword
 
Регистрация: 26.09.2011
Сообщений: 252

.mord
{
background: #EBECDF;
width:600px;
height:400px;
border:2px solid #B0B384;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
float:left;
}
Ответить с цитированием
  #5 (permalink)  
Старый 06.09.2012, 17:17
Новичок на форуме
Отправить личное сообщение для ottawa1 Посмотреть профиль Найти все сообщения от ottawa1
 
Регистрация: 15.12.2010
Сообщений: 8

Получилось.
<style type="text/css">
.bord
{
margin: 0 auto;
background: #EBECDF; 
width:90%; 
height:90%; 
border:2px solid #B0B384; 
border-radius:20px; 
-webkit-border-radius:20px; 
-moz-border-radius:20px;
}
.mord
{
position:relative; /* относительное */
top:8px;  
left: 10px; /* Положение от правого края */
background: #EBECDF; 
width:240px; 
height:30px; 
border:2px solid #B0B384; 
border-radius:10px; 
-webkit-border-radius:10px; 
-moz-border-radius:10px;
}
.maxc
{
position:relative; /* относительное */
top:18px;  
left:-3px; /* Положение от правого края */
background: #EBECDF; 
width:240px; 
height:200px; 
border:2px solid #B0B384; 
border-radius:10px; 
-webkit-border-radius:10px; 
-moz-border-radius:10px;
}
</style>
<div class="bord">
<div class="mord">
второй
<div class="maxc">
третий
</div>
</div>
</div>
работает во всех браузерах кроме IE7 как это исправить?
Ответить с цитированием
  #6 (permalink)  
Старый 06.09.2012, 17:43
Server
Отправить личное сообщение для Rootpassword Посмотреть профиль Найти все сообщения от Rootpassword
 
Регистрация: 26.09.2011
Сообщений: 252

zoom:1
скорее всего, гуглить HasLayout
Или вы про уголки закругленные?
Ответить с цитированием
  #7 (permalink)  
Старый 07.09.2012, 09:27
Новичок на форуме
Отправить личное сообщение для ottawa1 Посмотреть профиль Найти все сообщения от ottawa1
 
Регистрация: 15.12.2010
Сообщений: 8

про уголки закругленные
Ответить с цитированием
  #8 (permalink)  
Старый 07.09.2012, 11:54
Server
Отправить личное сообщение для Rootpassword Посмотреть профиль Найти все сообщения от Rootpassword
 
Регистрация: 26.09.2011
Сообщений: 252

http://css3pie.com/
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Позиционирование JSprog (X)HTML/CSS 8 04.10.2014 17:44
совместимость с CSS3 Nightmare jQuery 3 18.01.2012 19:39
Позиционирование экрана на выбранном элементе страницы после перезагрузки qwr938 Общие вопросы Javascript 4 31.01.2011 21:01
позиционирование элемента KOLANICH Элементы интерфейса 2 10.10.2010 22:55
CSS3 3 примера flash и сss3 mycoding Оффтопик 4 25.07.2010 15:15