05-07-2012, 21:40
Witam. Próbuję zrobić układ strony jak w załączonej grafice, tylko bloki div z prawej strony coś lecą do dołu. W czym jest problem?
Kod strony:
Kod strony:
Kod:
<html>
<head>
<style type="text/css">
html, body
{
color:#000;
margin:0;
padding:0;
}
#all
{
width:1004px;
}
#first
{
width:1004px;
}
#jeden
{
margin-left: 100px;
width: 500px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#break1
{
margin-left: 600px;
padding:0;
width: 54px;
float: left;
overflow: hidden;
}
#dwa
{
margin-left: 654px;
margin-right: 100px;
width: 250px;
float: right;
overflow: hidden;
background-color: #ccc;
}
#second
{
width:1004px;
clear:both;
}
#trzy
{
margin-left: 100px;
width: 500px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#break2
{
margin-left: 600px;
width: 54px;
float: left;
overflow: hidden;
}
#cztery
{
margin-left: 654px;
margin-right: 100px;
width: 250px;
float: right;
overflow: hidden;
background-color: #ccc;
}
#third
{
width:1004px;
clear:both;
}
#piec
{
margin-left: 100px;
width: 500px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#infos
{
margin-left: 654px;
margin-right: 100px;
width: 250px;
float: right;
overflow: hidden;
background-color: #ccc;
}
#break3
{
margin-left: 600px;
width: 54px;
float: left;
overflow: hidden;
}
#osiem
{
width:1004px;
clear:both;
background-color: #ccc;
}
</style>
</head>
<body>
<div id="all">
<div id="first">
<div id="jeden">
dddddddddddddddddddddddddddddd
</div>
<div id="break1">
gdffdgfgfgdfgdfgf
</div>
<div id="dwa">
fdgdfgdfffffffffff
</div>
</div>
<div id="second">
<div id="trzy">
ffffffffffffffff
</div>
<div id="break2">
fffffffffffff
</div>
<div id="cztery">
dddddddddddd
</div>
</div>
<div id="third">
<div id="piec">
ddddddddddd
</div>
<div id="break3">
dddddd
</div>
<div id="infos">
<div id="szesc">
ddddd
</div>
<div id="siedem">
ddddddd
</div>
</div>
</div>
<div id="osiem">
dddddd
</div>
</div>
</body>
</html>