[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>

[seth-kk]

pokaz calosc - bedzie latwiej znalesc problem

[qolec]

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>

[Wicepsik]

Użyj bbCode

[qolec]

[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 

[Skie]

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:

Kod

body, html {
    padding: 0;
    margin: 0;
}

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

[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