Strona rozlatuje się w pewnym momencie

[matys777]

Mam problem. Otóż stronka w pewnym momencie rozlatuje się. Czy coś nie tak z Divami? Zmienia się również czcionka na mniejszą. Proszę o pomoc.
http://dookolanatury.pl/czarne.php

style.css:

Code: Zaznacz cały

/*<![CDATA[*/
*
{
	padding: 0;
	margin: 0;
	border: 0px;
	font-size: 13px;
}
body
{
	background-color: #a7d53a;
	background-attachment: fixed;
	/*background-repeat: repeat-x;
	background-color: #64646c;*/
}
a
{
	color: teal;
	text-decoration:none;
}
p
{
	text-align:justify;
}
#kontener
{
	width: 1004px;
	margin: 0 auto;
	margin-top: 15px;

}
#gorna_czesc_kontenera
{
	position: relative;
	margin-top: 0px;
	background-image: url('obrazki/banner.jpg');
	width: 944px;
	height: 301px;
}
/* Panel */
#panel
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	border: 1px solid #0f3250;
	width: 944px;
	height: 64px;	
	background-color: #325a8a;
	text-align: left;
}
#formularz
{
	float:left;
	clear:left;
	width: 400px;
	margin-top: 5px;
}
input .inp
{
	background-color:#ececec;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:9px;
}
#komunikaty
{
margin-bottom: 5px;
}
#zegar
{
margin-top: 8px;
float:right;
clear:right;
}

/* MENU */
#srodkowe_menu 
{
	background-image: url('obrazki/srodkowe_menu.gif');
	width: 944px;
	height: 32px;
	
}
#srodkowe_menu li
{
	list-style-type: none;
	float: left;	
}									
#srodkowe_menu li a
{
	display: inline-block;
	border-bottom: none;
	color: #C7C7D4;
	font-size: 13px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
#srodkowe_menu li span.link2
{
	display: block;
	margin-top: 7px;
}
#srodkowe_menu #pierwszy_poziom
{
	margin-left: 50px;
}
#srodkowe_menu span.odstepik
{
	display:inline-block;
	margin: 5px 10px 0px 10px;
	color: #C7C7D4;
}
#srodkowe_menu li a:hover
{
	color: white;
}
/* MENU ROZWIJANE */

#pierwszy_poziom li .drugi_poziom
{
	display:none;
}

#pierwszy_poziom li:hover .drugi_poziom
{
	
	display: block;
	width: 160px;
}

#pierwszy_poziom li .drugi_poziom li
{
	width: 100px;
	text-align: left;
}
#pierwszy_poziom li
{
	position: relative;
}
#pierwszy_poziom li .drugi_poziom
{
	position: absolute;
	top: 1.9em;
	left: 0em;
}
#pierwszy_poziom > li
{
	height: 32px;
}
#pierwszy_poziom li .drugi_poziom
{
	background-color: #552f2f;
	border-left: 4px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#pierwszy_poziom li .drugi_poziom li
{
	margin-left: 30px;
	border-top: 1px solid #CCCCCC;
}
#pierwszy_poziom li .drugi_poziom li a
{
	display: block;
	width: 100px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#pierwszy_poziom li .drugi_poziom li a:hover
{
	background-color: #CCCCCC;
	padding-left: 20px;
	margin-left: -20px;
	padding-right: 20px;
	margin-top: -1px;
	border-top: 1px solid #CCCCCC;
	color: black;
}
#pierwszy_poziom li .drugi_poziom li a
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}
#pierwszy_poziom li .drugi_poziom li.pierwszy_element_menu
{
	margin-top: 5px;
}
/* ZAWARTOŚĆ GŁÓWNA STRONY */
#zawartosc
{
	width: 944px;
	
}
#gorna_czesc_zawartosci
{
	background-image: url('obrazki/gorna_czesc_zawartosci.gif');
	width: 944px;
	height: 17px;
}
#srodkowa_czesc_zawartosci
{
	background-image: url('obrazki/srodkowa_czesc_zawartosci.gif');
	width: 944px;
	background-repeat: repeat-y;
}

#dolna_czesc_zawartosci
{
	background-image: url('obrazki/dolna_czesc_zawartosci.gif');
	width: 944px;
	height: 31px;
}
#tekst
{
	text-align:justify;
	padding: 10px 50px;
	line-height: 140%;
	font: 13px Arial, Ubuntu, "Lucida Console", Helvetica, sans-serif; 
    line-height: 1.4;
	
}

h1
{
	font-size: 32px;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 15px;
	font-family: Script MT Bold, Tahoma, Arial;
		
}
h2
{
	text-align: right;
	color: red;
	font-size: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: Calibri, Tahoma, Arial;
	font-style: italic;
	
}
h3
{
	color: black;
	font-size: 18px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-family: Calibri, Tahoma, Arial;
	font-style: italic;	
	
}
h4
{
	margin-bottom: 10px;
	text-align: center;
}
h5
{
	font-size: 18px;
	font-weight: bold;
}
#stopka
{
	margin-top: 10px;
	margin-bottom: 5px;
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.images img
{
	width:250px; 
	height:250px; 
	margin:5px; 
	padding:3px;
}
#obrazki
{
	clear:right;
	float:right;
	width:250px; 
	height:250px; 
	margin:5px; 
	padding:3px;
}

#tekst ul
{
	margin: 20px;
	margin-left: 20px;
	list-style-image: url('obrazki/ol1.jpg');
}
td
{
text-align: center;	
}
td.obramowanie
{
	border: 1px solid black;
}

p.akapit
{
	margin-left:20px;
}
p.akapit2
{
	margin-left:40px;
}
font.akapit
{
	margin-left:20px;
}
font.akapit2
{
	margin-left:40px;
}
font.kod
{
	font-family: Courier;
}

input.inp
{
	cursor: pointer;
	background-color:#552f2f;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 2px;
	margin: 3px;
	border: 0px solid white;
	font-weight: bold;
	color: white;
}
input.inp1
{
	background-color:#552f2f;
	font-size:12px;
	padding: 2px;
	margin: 3px;
	color: white;
}
#formularz_kontaktowy
{
	width: 450px;
	margin: 0 auto;
}
#font
{
	color:red;
	font-size: 14px;
	}
	
/*KSIĘGA GOŚCI*/
.styl 
{
 font-size :  12px; 
 color : black; 
 font-family  : Verdana; 
 text-align : center; 
 line-height: 150%;
 }
 td.bez
{
	border: 0px;
}
input.ksiega
{
cursor: pointer;
background-color:#d4d4d4;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:18px;
padding: 10px;
margin: 10px;
border: 1px solid black;
font-weight: bold;
}

#obrazek
{
float:left;
}
#mapa{
margin: 0 auto;
}

php:

Code: Zaznacz cały

<?php
session_start();
?>

<!--metatagi, kodowanie, skrypt google analitics-->
<?php
include "include/meta.inc.php";

?>

<title>www.Dookolatatury.pl</title>
	</head>
	  <div align="center">
			
		<div id="kontener">
			
			<div id="gorna_czesc_kontenera">
				
			
			
	    	</div>	
		<!-- koniec div gorna czesc kontenera -->
		
		<!--środkowe menu-->
		<?php
		include "include/srodkowe.menu.inc.php";
		?>		
		<!-- koniec div srodkowe menu-->
		
			<div id="zawartosc">
				<div id="gorna_czesc_zawartosci"></div>
				<div id="srodkowa_czesc_zawartosci">
					<div id="tekst">
					
					
					<h5>Opis czarnej herbaty:</h5>
					<p>Herbata czarna jest najbardziej znaną ze wszystkich herbat. Jest poddawana procesowi pełnej fermentacji, w zależności od regionu w jakim jest produkowana poddaje się ją różnym metodom obróbki. 
					Podstawowe etapy to: więdnięcie, zwijanie, fermentowanie i suszenie. Napar ma żywy, czerwonawy kolor lub ciemny. Herbata czarna pochodzi z licznych plantacji w Indiach, Chinach i Afryce. </p><br/>
					<h5>Zastosowanie czarnej herbaty:</h5>
					<p>Filiżanka czarnej herbaty w zależności od jej rodzaju, zawiera podobną ilość polifenoli - najsilniejszych przeciwutleniaczy - jak filiżanka zielonej herbaty
					W czarnej herbacie znajduje się teaflawina, która poprawia funkcje poznawcze mózgu. 
					Wykazuje ona porównywalne właściwości antyoksydacyjne, co herbata zielona. 
					Herbata czarna zawiera witaminy A, B1, B2, C, E i K oraz różne minerały np. fluor, żelazo, potas, cynk, magnez. 
					Bogata jest też w bioflawonoidy - silne przeciwutleniacze, które opóźniają proces starzenia i chronią nas przed chorobami nowotworowymi.
					Zawiera kofeinę (teinę), poprawia zdolność myślenia, rankiem budzi do życia.
					Przy dolegliwościach żołądkowych można traktować ją jak lekarstwo, wspomaga bowiem trawienie i hamuje rozwój bakterii w przewodzie pokarmowym.
					Przeciwdziała powstawaniu zakrzepów i chroni naczynia krwionośne przed uszkodzeniami. 
					Skuteczna jest w walce z próchnicą, bo zawiera dość dużo fluoru. 
					Naukowcy z Australii stwierdzili, że filiżanka herbaty czarnej może być bronią przeciwko rakowi skóry.
					Wcześniejsze badania nad czarną herbatą wykazały jej skuteczność w walce nad niektórymi nowotworami, a zawarte w niej składniki mogą zapobiegać chorobom serca i wątroby. <br/><br/>
					<h5>Parzenie</h5>
					<p>całe listki - 5 minut
					połamane - 3 minuty
					pokruszone - 2 minuty
					W przypadku użycia miękkiej wody najlepszy czas parzenia to 3,5-4 minuty, wtedy aromat jest najintensywniejszy. Od takiej zasady są jednak wyjątki czego przykładem jest herbata Darjeeling, którą parzy się najwyżej 3 minuty. Do czasu zaparzania należy brać pod uwagę twardość wody (im twardsza tym dłuższe zaparzanie) oraz stopień rozdrobnienia herbaty (im drobniejsza tym zaparzanie krótsze).

					Przy krótkim parzeniu uzyskujemy napar pobudzający, a przy dłuższym relaksujący. 
					Na powierzchnie dobrze zaparzonej herbaty pojawia się charakterystyczna piana. 
					Dobrze zaparzona herbata posiada pełny, intensywny smak i aromat pozbawiony nadmiernej goryczy będący skutkiem nieprawidłowego lub zbyt długiego parzenia.</p>
					
					<br/>
								
					
					<a href="obrazki/herbaty/czarne/assam black power.jpg"><img src="obrazki/herbaty/czarne/assam_black_power1.jpg" alt="Assam Black Power" align="right"/></a>
					
					<h1>Assam Black Power</h1> <h2>Cena 11,99 za 100g</h2><br/>
					<h5>Charakterystyka:</h5>
					<p>Herbata czarna liściasta, uprawiana w północnych Indiach w dolinie Bramputry. Charakteryzuje się silnie garbnikowym smakiem.</p>
					<br/><br/><br/><br/><br/><br/>
					
					
					
					<a href="obrazki/herbaty/czarne/ceylon bop 1.jpg"><img src="obrazki/herbaty/czarne/ceylon_bop_1.jpg" alt="Ceylon Bop1" align="right"/></a>
					
					<h1>Ceylon BOP1</h1> <h2>Cena 6,49 za 100g</h2><br/>
					<h5>Charakterystyka:</h5>
					<p>Wykwintna czarna herbata o złotawej barwie i subtelnym smaku pochodząca z wysokich wzgórz Ceylonu.</p>
					<br/><br/><br/><br/><br/>
					
					<a href="obrazki/herbaty/czarne/ceylon nuvara eliya.jpg"><img src="obrazki/herbaty/czarne/ceylon_nuvara_eliya1.jpg" alt="Ceylon Nuvara Eliya" align="right"/></a>
					
					<h1>Ceylon Nuvara Elyia</h1> <h2>Cena 6,49 za 100g</h2><br/>
					<h5>Charakterystyka:</h5>
					<p>Herbata uprawiana na najwyższym rejonie wyspy Ceylon, którego wysokość wynosi 2100 m n.p.m. Daje złotoczerwony napar o bogatym smaku. 
					Z powodzeniem można dodać do niej odrobinę mleka.</p>
					<br/><br/><br/><br/><br/><br/>
					
										
					<a href="obrazki/herbaty/czarne/ceylon op.jpg"><img src="obrazki/herbaty/czarne/ceylon_op1.jpg" alt="Ceylon OP Długi Liść" align="right"/></a>
					
					<h1>Ceylon OP długi liść</h1> <h2>Cena 5,99 za 100g</h2><br/>
					<h5>Charakterystyka:</h5>
					<p>Herbata Ceylon Długi Liść jest czarną herbatą pochodzącą z rejonu Mahagasthota położonej w centralnej części wyspy niedaleko Nuwara Eliya.</p>
					<br/><br/><br/><br/><br/>
					
					<a href="obrazki/herbaty/czarne/ceylon uva sunrise.jpg"><img src="obrazki/herbaty/czarne/ceylon_uva_sunrise1.jpg" alt="Ceylon UVA Sunrise" align="right"/></a>
					<h1>Ceylon UVA Sunrise</h1> <h2>Cena 10,99 za 100g</h2><h2>Cena 6,49 za 50g</h2><br/>
					<h5>Charakterystyka:</h5>
					<p>Klasyczny zwinięty liść zrywany z dojrzałego krzewu. Napar o lekkim smaku i bursztynowym naparze.</p>
					<br/><br/><br/><br/><br/><br/>
					
					<a href="obrazki/herbaty/czarne/english breakfast.jpg"><img src="obrazki/herbaty/czarne/english_breakfast1.jpg" alt="Ceylon Bop1" align="right"/></a>
					
					<h1>English Breakfast</h1> <h2>Cena 8,99 za 100g</h2><h2>Cena 4,99 za 50g</h2><br/>
					<h5>Charakterystyka:</h5>
					<p>Mieszanka czarnej herbaty cejlońskiej i indyjskiej Assam. Dobrze smakuje przy potrawach śniadaniowych o wyrazistym smaku.</p>
					<br/><br/><br/><br/><br/><br/><br/>
					</div>

						
	
					<a href="obrazki/herbaty/czarne/wschodniofryzyjska.jpg"><img src="obrazki/herbaty/czarne/wschodniofryzyjska1.jpg" alt="Herbata Wschodniofryzyjska" align="right"/></a>
					<h1>Wschodniofryzyjska</h1> <h2>Cena 9,99 za 100g</h2><h2>Cena 5,99 za 50g</h2><br/>
					<h5>Charakterystyka:</h5>
					<p>Czarna herbata liściasta tworzona z herbat Assamskich, herbat pochodzących Jawy oraz Ceylonu. Odznacza się mocnym i głębokim smakiem oraz naparem. 
					Polecana w szczególności tym, którzy cenią sobie mocne herbaty.</p>
					<br/><br/><br/><br/><br/><br/>
					
										
					<a href="obrazki/herbaty/czarne/english breakfast.jpg"><img src="obrazki/herbaty/czarne/english_breakfast1.jpg" alt="Ceylon Bop1" align="right"/></a>
					
					<h1>Yunnan Black</h1> <h2>Cena 4,59 za 100g</h2><br/>
					<h5>Charakterystyka:</h5>
					<p>Czarna herbata pochodząca z południowo - zachodniej części Chin. Daje jasny napar o lekkim aromacie.</p>
					<br/><br/><br/><br/><br/>
					
					
					
					
					
					
					<br/><br/><br/><br/><br/>
					</div>


			
					</div>
					
					
				</div>
				<!--koniec div srodkowa czesc zawartosci-->
				<div id="dolna_czesc_zawartosci"></div>
			
			</div>
		
		<div id="stopka">
			© 2014 created by Mateusz Sikora
			
		</div>
		
		
	  </div>
	  <!-- koniec div kontener-->
	</div>
	
	
		
		
	</body>
</html>

[matys777]

Już znalazłem. Postawiłem koniec diva tam gdzie nie potrzeba.

[Morfidon]

Polecam:
http://validator.w3.org/

szybko wykrywa takie błędy

[piotrkaczmarek01]

Takie błędy często się zdarzają i później nie wiadomo dlaczego cała strona działa nie prawdłowo, a wystarczy że braknie jeden nawias i wszystko się psuje.

[john21wall]

Dzięki mi też to się przydało.

[Sten555]

Jeśli nie wychodzi nam stworzeni strony internetowej to polecam skorzystać z usług firmy https://www.pokazsie.online/. Mają bardzo ciekawe usługi, a do tego profesjonalnie do wszystkiego podchodzą. Uważam, że wykonają to naprawdę bardzo dobrze.