Witam, od niedawna tworzę stronę internetową na informatykę. Nie jest ona jakoś zbytnio zaawansowana, ale napotkałem mały problem. chodzi o "marginesy" i nie wiem co w nich jest nie tak:
Umieszczam tutaj kawałek kodu z CSS'a (chodzi mi o #nav i #zr bo niby są takie same ale jednak się różnią) chodzi mi, aby obydwa były jednakowej wielkości, dodam, że do #nav mam zdjęcie, ale jest ono mniejsze niż 620px wysokości a cały margines jest krótszy niż margines #zr bez zdjęcia.
#full
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#logo
{
background-color: black;
text-align: center;
padding: 10px;
}
#nav
{
float: left;
background-color: lightgrey;
width: 180px;
min-height:620px
padding: 5px;
color:black;
}
#content
{
float: left;
background-color: #212121;
width: 610px;
padding: 10px;
}
#zr
{
float: left;
width: 180px;
min-height:620px;
background-color: lightgrey;
color:black;
padding: 5px;
}
#znak
{
clear:both;
background-color:black;
padding:10px;
text-align:center;
font-size:12px;
}
0
0
Skoro #nav i #zr są identyczne, to opisuj je razem #nav, #zr {}.
Żaden z powyższych nie ma zdefiniowanych marginesów :)
Zapewne pytasz o przyczynę różnych wysokości, ale bez wglądu do źródeł, można co najwyżej zgadywać, że wysokość zdjęcia + padding jest większy niż min-height.