<div style="display:block ">
<div class="win" style="display:inline-table;">
<script>document.write(new Date().getHours()+':'+new Date().getMinutes()) </script>
</div>
<div class="win" style="display:inline-table;">
ФМ:0
</div>
<div class="win" style="width:10%">VIP</div>
</div>
<div style="">
<div class="win" style="width:10%;display: inline-table;">afsaf</div>
</div>
.win
{
border-collapse: separate;
margin: 5px;
border-width: 1px;
border-color: black;
border-style: solid;
background-color: #b8c3c8;
text-align: center;
}
У меня нижний див не хочет в линию становится он под верхние лезет
Спустя 25 минут, 25 секунд (11.07.2010 - 14:13) qpayct написал(а):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>верстка дивами</title>
<style>
DIV {
float:left;
}
#panel {
width:900px;
height:600px;
background:black;
padding:25px;
}
#panel-left {
width:400px;
height:550px;
background:#FF54D7;
padding:25px;
margin-right:12px;
}
#left1 {
width:250px;
height:50px;
background:#44FFEF;
border:solid 3px black;
}
#left2 {
float:right;
width:100px;
height:50px;
background:#44FFEF;
border:solid 3px black;
}
#left3 {
width:400px;
height:100px;
background:#44FFEF;
margin-top:25px;
border:solid 3px black;
}
#panel-right {
width:426px;
height:600px;
background:#FFBB28;
margin-left:12px;
}
</style>
</head>
<body>
<div id="panel">
<div id="panel-left">
<div id="left1"></div>
<div id="left2"></div>
<div id="left3"></div>
</div>
<div id="panel-right"></div>
</div>
</body>
</html>
Спустя 9 минут (11.07.2010 - 14:22) Basili4 написал(а):
О красота. спасибо
Спустя 8 минут, 48 секунд (11.07.2010 - 14:31) qpayct написал(а):
если дивы должны по высоте расползаться убираешь height или дописываешь приставку max- к height.
вообще в верстке дивами(я долго этого вдуплить не мог) фишка в том, что они сами по порядку строятся, если им указать float
вообще в верстке дивами(я долго этого вдуплить не мог) фишка в том, что они сами по порядку строятся, если им указать float
_____________