TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Prosím mám tady tento styl a potřeboval bych aby se mi roztahl top, content bych chtel oramovat cernou barvou, a text v kazdym boxu trochu od hran odsadit. prosim pomoc
CSS
html {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: arial, calibri, helvetica;
font-style: oblique;
font-weight: bold;
font-size:medium;
color:black;
background-color: black;
height: 100%;
margin: 0;
padding: 0;
}
.top {
background-color: blue;
height: 100px;
}
.foot {
background-color: green;
bottom: 0;
height: 50px;
position: absolute;
width: 100%;
}
.middle {
border-top-width: medium;
border-color: black;
background-color: red;
bottom: 50px;
overflow: auto;
position: absolute;
top: 80px;
width: 100%;
}
.left {
background-color: white;
bottom: 0;
overflow: auto;
position: absolute;
top: 0;
width: 180px;
}
.content {
bottom: 0;
left: 180px;
overflow: auto;
position: absolute;
top: 0;
}
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>APV projekt</title>
<link rel="nofollow" href="soubory/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="main">
<div class="top">top top top top top top top </div>
<div class="middle">
<div class="left">
left left left left left left left left left left left left left left left left left left left left left
</div>
<div class="content">
content content content content content content content content content content contenttent content content content contenttent content content content contenttent content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content
</div>
</div>
<div class="foot">
foot foot foot foot foot fofoot foot foot dsfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffadsdsaa
</div>
</div>
</body>
</html>
