Kontenet treści Opcje

[pripriv]

Witam.
Mam kolejny problem. Zrobiłem kontener treści. Składa się on z 3 plików góra ( cont.png), środek (contm.png) i dół (cond.png). Po złożeniu tego w całość, i ustawieniu tego za pomoca display:block; powstają mi dziwne przerwy między tymi plikami.
wygląda to mniej więcej tak:
(IMG:http://rethorn.art.pl/k01/11.png)
wyciag z css:

[XML] pobierz, plaintext 
#cont {
	display: block;
	background: url(img/cont.png);
	width:732px;
	height:14px;	
}
#contm {
	display: block;	
	background: url(img/contm.png);
	width:732px;
 
 
}
#contd {
	display: block;
	background: url(img/cond.png);
	width:732px;
	height:14px;	
 
}
#contm p{
	color: #fff;
	width:700px;	
	margin-left: 15px;
	padding: 5px 5px 5px 5px;
}
 
#contm p a{
	color: #F0FFD1;
	text-decoration: none;
	font-weight:bold;
 
 
}
#contm p a:hover{
	color: #A4C955;
	text-decoration: none;
	font-weight:bold;
 
}
[XML] pobierz, plaintext 

Jak to złożyć by w każdej przeglądarce wyglądało dobrze.

[Sephirus]

Wyzeruj tym elementom marginesy górne i dolne

[CSS] pobierz, plaintext 
margin:0;
[CSS] pobierz, plaintext 

[pripriv]

Po wyzerowniu marginesu, góra się "złożyła" natomiast, dalej mam problem z dołem.
Jezeli do ostatniego diva, odpowiedzialnego za wyswietlanie zakończenia kontenera dam dolny margines na poziomie -11px, to w IE i FF wygląda dobrze, natomiast w google chrome, dół nakłada się na środek.

[Sephirus]

Kurcze ciężko jest tak kombinować bez pełnego kodu - masz to na jakiejś stronie? Problem wydaje się być banalny więc coś musiałeś ustawić źle... dobrze by było to zobaczyć z bliska

[pripriv]

http://rethorn.art.pl/k01

[viking]

Przerwa pojawia się ze względu na marginesy i paddingi w #contm > p. Zresetuj odpowiednio i zainstaluj firebuga (IMG:style_emoticons/default/smile.gif) Swoją drogą za dużo divów. ul w menu możesz ostylować bezpośrednio, footer tak samo. margin: 0px 0px 0px 0px -> margin: 0; itd.

[mikolaj51]

Witaj,

do #contm p w css dodaj margin: 0px;

[CSS] pobierz, plaintext 
#contm p {
...
margin: 0px;
...
}
 
[CSS] pobierz, plaintext 

//EDIT: Zostałem wyprzedzony (IMG:style_emoticons/default/tongue.gif)

Ten post edytował mikolaj51 2.07.2012, 10:25:47

[pripriv]

Wielkie dzięki panowie.