|
Тема
|
 valign:bottom CSS?
|
|
| Автор | slavei (Нерегистриран) |
| Публикувано | 04.09.06 14:25 |
|
|
<fieldset><legend>бла бла бла</legend>
<div>1</div> <div>2</div>
<div>3</div
</fieldset>
1 - този е в ляво и му знам височината
2 - този е отдясно, но височината му се мени според съдържанието. Може да е по-голяма или по-малка спрямо левия
3 - Тоя див го искам долу и в дясно винаги
Някаква идея как да стане с ЦСС?
|
|
|
Тема
|
Re: valign:bottom CSS?
[re: slavei]
|
|
| Автор |
_Jacky (Радо) |
| Публикувано | 04.09.06 15:21 |
|
|
Така?
<div style="clear: both;">3</div>
|
|
|
Тема
|
Re: valign:bottom CSS?
[re: _Jacky]
|
|
| Автор | Slavei (Нерегистриран) |
| Публикувано | 04.09.06 16:02 |
|
|
Става, но понеже го слага под див1 и под него остава празно място, колкото е височината на див3. Просто не ме кефи.
|
|
|
|
|
е не можеш ли да му зададеш малко по голяма широчина от тази на 1. като например width:100%;?
'In this life we cannot do great things. We can only do small things with great love'
|
|
|
Тема
|
Re: valign:bottom CSS?
[re: sularome]
|
|
| Автор | Slavei (Нерегистриран) |
| Публикувано | 05.09.06 08:59 |
|
|
Не те разбрах. Защо трябва да му задавам по-голяма ширина?
|
|
|
|
|
...добре, това ли е или аз бъркам?
<!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">
<head>
<title>Ex.</title>
<style>
*{
padding:0;
margin:0;
}
div{border:1px solid #000;}
fieldset{width:124px;}
#one{
width:50px;
float:left;
background:red
}
#two{
width:70px;
float:right;
background:blue
}
#three{
width:40px;
float:right;
clear:both;
background:green
}
</style>
</head>
<body>
<fieldset><legend>Ex.</legend>
<div id="one">1</div>
<div id="two">2<br /><br /><br /><br /><br /><br /><br /><br />end</div>
<div id="three">3</div>
</fieldset>
</body>
</html>
'In this life we cannot do great things. We can only do small things with great love'
|
|
|
Тема
|
Re: valign:bottom CSS?
[re: sularome]
|
|
| Автор | Slavei (Нерегистриран) |
| Публикувано | 05.09.06 16:29 |
|
|
Rазмени само името на двата стила one и two там дето са декларирани.
Див1 и див2 се разменят, но това няма значение за примера. Погледни как изглежда в браузъра и ще видиш разстоянието, което остава под див2. За това говорех в предният пост адресиран до теб
всъщност ето картинка:
|
|
|
|
|
сега вече мисля че се разбрахме
<!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">
<head>
<title>Ex.</title>
<style>
*{
padding:0;
margin:0;
}
#outer{
width:120px;
border:1px solid #000;
}
#one{
width:50px;
float:left;
background:red
}
#two{
width:70px;
float:right;
background:blue;
}
#three{
width:40px;
height:22px;
background:green;
float:right;
margin-top:-22px;
position:relative;
}
#clearing{clear:both;}
</style>
</head>
<body>
<div id="outer">
<div id="two">1</div>
<div id="one">2<br /><br /><br /><br /><br /><br /><br /><br />end</div>
<div id="clearing">
<div id="three">3</div>
</div>
</div>
</body>
</html>
'In this life we cannot do great things. We can only do small things with great love'Редактирано от sularome на 05.09.06 18:20.
|
|
|
Тема
|
Re: valign:bottom CSS?
[re: sularome]
|
|
| Автор | Slavei (Нерегистриран) |
| Публикувано | 05.09.06 23:23 |
|
|
Да това искам :)
Благодаря, задължен съм ти
пп
малко се омазва със моите стилове за див 1, ама с един <бр/> се оправи.
|
|
