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>

pokaz calosc - bedzie latwiej znalesc problem

To jest na ten moment komplet.

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;
}
div.baner
{
width:920px;
height:256px;
background-color:#f36f21;
border: 0px solid black;
margin: 0;
padding: 0;
position:relative;
top: 0px;
}

HTML

<div class="strona">
<div class="menutop">
</div>
<div class="baner" style="float: none; clear: both">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="920" height="256" id="baner" align="center">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="intro1.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#f36f21" />
<embed src="intro1.swf" quality="high" bgcolor="#ffffff" width="920" height="256" name="baner" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</div>

Użyj bbCode

[HTML] pobierz, plaintext 
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;
}
div.baner
{
width:920px;
height:256px;
background-color:#f36f21;
border: 0px solid black;
margin: 0;
padding: 0;
position:relative;
top: 0px;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
HTML
 
<div class="strona">
<div class="menutop">
</div>
<div class="baner" style="float: none; clear: both">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="920" height="256" id="baner" align="center">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="intro1.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#f36f21" />
<embed src="intro1.swf" quality="high" bgcolor="#ffffff" width="920" height="256" name="baner" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</div>
[HTML] pobierz, plaintext 

Szczerze mówiąc nie wiem o co Ci w ogóle chodzi. Przybliż jakoś swój problem, albo pokaż screena czy coś. W ciemno bym radził Ci spróbować dodać do CSSa:



Ale żeby dokładniej zbadać problem potrzeba mi więcej informacji czego on dotyczy.

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.



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.