Мне надо сделать так, как на рисуке.
Если использую для div#user свойство float: right, то родительский div#content теперь его как бы "не видит" и растягивается только до div#userinfo
Спустя 17 минут, 8 секунд (30.03.2011 - 17:10) inpost написал(а):
DmitryOpalev
Ага, особенно когда не видно твоего кода =)
Ага, особенно когда не видно твоего кода =)
Спустя 2 минуты, 6 секунд (30.03.2011 - 17:12) alex12060 написал(а):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Гостевая книга 1.0</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style>
body,html {
width: 80%;
height: 90%;
margin: 0px;
min-height: 90%
}
#content {
width: 100%;
margin: 15px 0 5px 5px;
padding: 15px 0 5px 5px;
border: 5px #000 solid;
color: #000;
min-height: 100%
}
#userinfo {
float: left;
border: 1px #000 solid;
padding: 10px;
width: 65%;
height: 30%;
min-height: 30%
}
#user {
float: left;
width: 30%;
border: 1px #000 solid;
padding: 10px;
margin-left: 5px;
}
</style>
</head>
<body>
<div id="content">
<span id="userinfo">
#userinfo
</span>
<span id="user">
#user
</span>
</div>
</body>
</html>
:D
Спустя 2 минуты, 15 секунд (30.03.2011 - 17:15) DmitryOpalev написал(а):
:)
<div id='content'>
<div id='userinfo'>
</div>
<div id='user'>
</div>
</div>
div#content {border: 1px solid red;}
div#user {float: right; border: 1px solid red; width: 250px; height: 250px;}
div#userinfo {border: 1px solid green; height: 200px;}
Спустя 50 секунд (30.03.2011 - 17:16) alex12060 написал(а):
Все элементы надо указывать как float: left
Спустя 2 минуты, 43 секунды (30.03.2011 - 17:18) inpost написал(а):
alex12060
<span> - это не блок, а выделение участка блока. Он даже не является блоком в целом, поэтому float:left зачем пишешь?
<span>a</span> b <span>c</span> - всё будет в одну строчку. Сделать из него блок можно так: display:block. То, что ты написал - уже неправильно. Блочная верстка подразумевает блоки <div>.
Отсутствует <div style="clear:both"></div> как минимум.
<span> - это не блок, а выделение участка блока. Он даже не является блоком в целом, поэтому float:left зачем пишешь?
<span>a</span> b <span>c</span> - всё будет в одну строчку. Сделать из него блок можно так: display:block. То, что ты написал - уже неправильно. Блочная верстка подразумевает блоки <div>.
Отсутствует <div style="clear:both"></div> как минимум.
Спустя 2 минуты, 21 секунда (30.03.2011 - 17:21) DmitryOpalev написал(а):
inpost
Значит, мне лучше span`ы использовать?
Значит, мне лучше span`ы использовать?
Спустя 2 минуты, 19 секунд (30.03.2011 - 17:23) alex12060 написал(а):
inpost
Я на дивах писал сначала, забыл поменять. В принципе, так и так работает.
Я на дивах писал сначала, забыл поменять. В принципе, так и так работает.
Спустя 5 минут, 10 секунд (30.03.2011 - 17:28) DmitryOpalev написал(а):
alex12060
Дивы на спаны поменять?
Дивы на спаны поменять?
Спустя 3 минуты, 25 секунд (30.03.2011 - 17:32) inpost написал(а):
Div - блок. Спан будет блоком только применив к нему: display:block, правильно писать на дивах.
Спустя 3 минуты, 52 секунды (30.03.2011 - 17:35) DmitryOpalev написал(а):
Вот так получилось :)
div#content {clear: both;}
div#user {float: right;}
div#userinfo {float: left;}
Спустя 1 день, 26 минут, 12 секунд (31.03.2011 - 18:02) трамонтана написал(а):
| Цитата (DmitryOpalev @ 30.03.2011 - 13:53) |
| Не совсем понятно объяснил Мне надо сделать так, как на рисуке. Если использую для div#user свойство float: right, то родительский div#content теперь его как бы "не видит" и растягивается только до div#userinfo |
развели то тут разговоры ...)
ответ прост div#content{overflow:hidden}
_____________
Курс валют