Forum PHP.pl > [HTML][CSS]Niechciany odstęp między divami

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Niechciany odstęp między divami

topgear

9.04.2010, 22:11:29

Witam
Napotkałem pewien problem przy robieniu strony a mianowicie między divami jest odstęp wygląda to tak(chodzi mi o ten odstęp między tym żółtym prostokątem a tą belką) I teraz pytanie jak go zlikwidować. W internecie znalazłem kilka sposobów ale niestety żaden nie działał

index.html

[HTML] pobierz, plaintext 
<body>
<div id="banner">
  <div id="banner_obr">
    <span><img src="images/images/v02_03.jpg" width="990" height="207" alt="banner" /></span>  </div> 
    <div id="menu"></div>
 
</div>
</body>
[HTML] pobierz, plaintext

style.css

[HTML] pobierz, plaintext 
#banner {
	display : block;
	padding: 0;
    margin: 0;
    border:0;
	background-image: url(images/images/v02_01.jpg);
}
 
 
 
#banner_obr {
	display : block;
	padding: 0;
	width: 990px;
	height: 226px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#menu {
	display : block;
	padding: 0;
	border:0;
	background-image: url(images/images/v02_05.jpg);
	background-repeat: repeat-x;
	width: 990px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
}
[HTML] pobierz, plaintext

xbigos

9.04.2010, 22:13:54

zsumuj sobie height w css.
a poza tym ja w css zawsze dodaje sobie background-position:

topgear

9.04.2010, 22:17:50

Pod Google Chrom teraz działa dobrze, pod firefoxem dobrze, ale pod IE7 jest jeszcze ok 0.5 cm odstępu

xbigos

9.04.2010, 22:21:50

komentarz waruknowy IF IE7 poczytaj u wuja google. zmienejsz sobie w komentarzu warunkowym wartość height. Mało estetyczne ale najprostsze.

topgear

9.04.2010, 22:38:13

O komentarzach warunkowych znalazłem cos takiego tylko to niestety nie działa pod każdą przeglądarką pokazuje się ten napis

[HTML] pobierz, plaintext 
<![if !IE]>jakis kod<![endif]>
[HTML] pobierz, plaintext

Spróbowałem więc zmniejszyć dla wszystkich przeglądarek wartość height do 200 i wygląda to tak
Firefox

xbigos

9.04.2010, 22:54:18

[HTML] pobierz, plaintext 
<!--[if IE]>
<style type="text/css">
#baner_obr{
height: ta wartosc bedzie dla IE;
}
#menu{
height: ta wartosc bedzie dla IE;
</style>
<![endif]-->
[HTML] pobierz, plaintext

Pamietaj żeby dać to za wszystkimi deklaracjami stylów w kodzie w sekcji head.

EDIT:
BTW: ten komentarz który podałeś zadziała dla przeglądarek NIE BĘDĄCYCH IE.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.