Zaczynam sie uczyć stylów CSS z różnym skutkiem... Ucze sie za pomocą prób i błędów. Podczaś "nauki" natrafiłem na problem:
Chce aby na stronie było następujące ułożenie
b a n e r
menu main
s t o p k a
To co aktualnie zrobiłem to
a to jest pliczek CSS:
Kod
body
{
background-color: #FFFACD;
}
p.autorzy
{
color: blue;
}
#banner
{
background-color: #F0E68C;
border-width: 1px;
border-style: solid;
text-align: center;
letter-spacing: 3px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 5px;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
}
#menu
{
background-color: #F0E68C;
border-width: 1px;
border-style: solid;
float: left;
width: 200px;
margin-right: 20px;
margin-left: 20px;
}
#main
{
background-color: white;
border-width: 1px;
border-style: solid;
clear: right;
margin-right: 20px;
margin-left: 20px;
}
#stopka
{
background-color: #FFCC99;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
clear: both;
text-align: center;
font-size: 12px;
margin-right: 20px;
margin-left: 20px;
}
{
background-color: #FFFACD;
}
p.autorzy
{
color: blue;
}
#banner
{
background-color: #F0E68C;
border-width: 1px;
border-style: solid;
text-align: center;
letter-spacing: 3px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 5px;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
}
#menu
{
background-color: #F0E68C;
border-width: 1px;
border-style: solid;
float: left;
width: 200px;
margin-right: 20px;
margin-left: 20px;
}
#main
{
background-color: white;
border-width: 1px;
border-style: solid;
clear: right;
margin-right: 20px;
margin-left: 20px;
}
#stopka
{
background-color: #FFCC99;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
clear: both;
text-align: center;
font-size: 12px;
margin-right: 20px;
margin-left: 20px;
}
i teraz moje pytanie jak ustawić maina stopkę i menu żeby podczas rozciągania sie maina rozciągało sie również menu a pod tym wszytkim była stopka.