[HTML][CSS]Div się rozciąga ponad podany rozmiar Opcje

[qolec]

Mam problem z divami. Mam 2 divy jeden osadzony w drugim. Problem polega na tym, że nadałem wysokość diva wenętrznego zgodną z wysokością obrazka, który ma stanowić tło. Mimo tego div jest większy o jakieś 2-3px, na skutek czego poniżej tła prześwituje tło diva zewnętrznego. Nie wiem z czego to może wynikać.

A tak to wygląda w kodzie

CSS

div.strona
{
width: 920px;
height:1900px;
background-color: #f36f21;
border: 0px;
margin: 0;
padding: 0;
}
div.menutop
{
width:920px;
height:35px;
background-image: url("images/menu.jpg");
background-repeat: repeat-x;
border: 0px ;
margin: 0;
padding: 0;
}

HTML

<div class="strona">
<div class="menutop">
</div>
</div>

[qolec]

Jak widać na obrazku div.menutop jest wypełniony tłem obrazkowym szarym. Pod tym divem jest div.baner ale div.menutop jest wyższy od tła w związku z tym prześwituje pomarańczowe tło div.strona, co sprawia wrażenie jakby div.menutop i div.baner nie przylegały do siebie, a powinny. Nie mam pojęcia co może być tego przyczyną. Jak pisałem wcześniej wymiary tła obrazka są takie same jak wymiary diva, tak więc nie wiem skąd te kilka dodatkowych pikseli.

(IMG:http://www.microchip.net.pl/~kolecko/problem.jpg)

Już doszedłem do tego. Banalnie proste się to okazało. Miałem spację między tagami diva, więc dorzuciło mi jedną linijkę przestrzeni.

Ten post edytował qolec 19.06.2009, 08:15:33