css
#logo
{
background-color: gray;
width:50%;
height:100px;
margin:0 auto;
}
#menu
{
background-color: green;
width:50%;
height:100px;
margin:0 auto;
}
#kolumny
{
width:50%;
margin:0 auto;
height:250px;
}
#kolumna1
{
background-color: red;
width:25%;
height:250px;
float:left;
margin:0 auto;
}
#kolumna2
{
background-color:blue;
width:25%;
height:250px;
float:left;
margin:0 auto;
}
#kolumna3
{
background-color: rgb(255, 192, 203);
width:25%;
height:250px;
float:left;
margin:0 auto;
}
#kolumna4
{
background-color:rgb(0, 255,1);
width:25%;
height:250px;
float:left;
margin:0 auto;
}
#tresc
{
background-color: gray;
width:50%;
height:100px;
margin:0 auto;
}
#stopka
{
background-color:yellow;
height:50px;
}
html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" type="text/css">
<title>Ukłdanka</title>
</head>
<body>
<section>
<div id="logo">logo</div>
<div id="menu">menu</div>
<div id="kolumny">
<div id="kolumna1">kolumna1</div>
<div id="kolumna2">kolumna2</div>
<div id="kolumna3">kolumna3</div>
<div id="kolumna4">kolumna4</div>
</div>
<div id="tresc">treść</div>
<div id="stopka">stopka</div>
</section>
</body>
</html>
Paste Hosted With By Wklejamy.pl