Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- div#blok{/*deklaracja wysokości i szerokości całej strony*/
- height:600;
- width:800;
- }
- div#header{
- Postion:absolute;/*pozycjonowanie bezwzględne- ustawienie odległości diva od punktu 0,0*/
- top:0px;/*ustawienie odległości elementu od góry strony*/
- left:0px;/*ustawienie odległości elementu od lewego boku strony*/
- background-color:red;
- border-style:solid;
- border-width:3px;
- border-color:black;
- height:94;
- width:794;
- }
- div#lewy{
- float:left;
- top:100;
- left:0;
- border-style:solid;
- border-width:3px;
- border-color:black;
- height:419px;
- width:144px;
- background-color:gray;
- }
- div#srodek{
- float:left;
- top:100;
- left:144;
- border-style:solid;
- border-width:3px;
- border-color:black;
- height:419px;
- width:494px;
- background-color:silver;
- }
- div#prawy{
- float:right;
- top:100;
- left:250;
- border-style:solid;
- border-width:3px;
- border-color:black;
- height:419px;
- width:144px;
- background-color:gray;
- }
- div#footer{
- clear:both;/*wyczyszczenie wyrównań elementów z poprzednich divów*/
- top:500;
- left:0;
- height:44;
- width:794;
- border-style:solid;
- border-top-width:3px;
- border-color:black;
- background-color:red;
- }
- ----------------------------------------------
- <html>
- <head>
- <meta charset="UTF-8">
- <link rel="Stylesheet" href="style4.css" type="text/css"/>
- </head>
- <body>
- <div id="blok">
- <div id="header"></div>
- <div id="lewy"></div>
- <div id="srodek"></div>
- <div id="prawy"></div>
- <div id="footer"></div>
- </div id="blok">
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement