Forum PHP.pl

Tworzę właśnie bardzo prostą stronkę i pojawił się taki problem:
http://zapodaj.net/36b99bbef187.png.html
tych pasków nie powinno być (nie ma ich jak tekst wewnątrz divów nie jest wpisany)

[HTML] pobierz, plaintext 
<div id="container">
  	<div id="left">
		<div id="top-left">
        	<h3>O firmie</h3>
        </div>
        <div id="bottom-left">
        	<h3>Oferta</h3>
        </div>
	</div>
    <div id="right">
    	<div id="top-right">
        	<h3>Galeria</h3>
        </div>
        <div id="bottom-right">
        	<h3>Kontakt</h3>
        </div>
    </div>
</div>
[HTML] pobierz, plaintext 

css

[HTML] pobierz, plaintext 
@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center;  
	color: #000000;
}
#container {
	width:2000px;
	margin: 0 auto; 
	text-align: left; /
}
#left{
	float:left;	
 
}
#top-left{
	height:1000px;
	width:1000px;
	background: #09F;
}
#bottom-left{
	height:1000px;
	width:1000px;
	background: #999;	
}
 
 
#right{
	float:right;
}
#top-right{
	height:1000px;
	width:1000px;
	background: #F00;
 
}
#bottom-right{
	height:1000px;
	width:1000px;
	background: #3C0;
}
[HTML] pobierz, plaintext 

Co takiego robię błędnie (czyli jak zlikwidować te paski)

Ten post edytował lobopol 28.03.2010, 11:55:29

a jak to wygląda bez <h3> ?

Ten post edytował Kethrax 28.03.2010, 11:58:01

powodem takiego efektu nie masz wartości dla <h3>

bez h3 wygląda ok każdy z tych kwadratów leży tak jak powinien (brak tego szarego paska między nimi), po wstawieniu np <p>asdfg</p>efekt jest ten sam czyli paski się pojawiają nad kwadratem z jakąś zawartością.


Co przez to rozumiesz?

Ten post edytował lobopol 28.03.2010, 12:04:10

ok margin: 0 przy h3 załatwił sprawę