Strona rozlatuje się w pewnym momencie

Wszystko o tworzeniu stron w języku X(HTML) i CSS

Strona rozlatuje się w pewnym momencie

Postprzez matys777 » sobota, 20 grudnia 2014, 16:09

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:
Kod: 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:
Kod: 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">
         &copy; 2014 created by Mateusz Sikora
         
      </div>
      
      
     </div>
     <!-- koniec div kontener-->
   </div>
   
   
      
      
   </body>
</html>
matys777
Bywalec
Bywalec
 
Posty: 33
Dołączył(a): piątek, 10 lutego 2012, 22:35

Re: Strona rozlatuje się w pewnym momencie

Postprzez matys777 » sobota, 20 grudnia 2014, 22:19

Już znalazłem. Postawiłem koniec diva tam gdzie nie potrzeba.
matys777
Bywalec
Bywalec
 
Posty: 33
Dołączył(a): piątek, 10 lutego 2012, 22:35

Re: Strona rozlatuje się w pewnym momencie

Postprzez Morfidon » poniedziałek, 22 grudnia 2014, 01:10

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

szybko wykrywa takie błędy :)
Morfidon
Administrator
Administrator
 
Posty: 1325
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48

Re: Strona rozlatuje się w pewnym momencie

Postprzez piotrkaczmarek01 » poniedziałek, 9 marca 2015, 15:51

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.
piotrkaczmarek01
Nowicjusz
 
Posty: 3
Dołączył(a): poniedziałek, 9 marca 2015, 15:46

Re: Strona rozlatuje się w pewnym momencie

Postprzez john21wall » poniedziałek, 7 marca 2016, 15:18

Dzięki mi też to się przydało.
john21wall
Nowicjusz
 
Posty: 1
Dołączył(a): poniedziałek, 7 marca 2016, 13:31

Re: Strona rozlatuje się w pewnym momencie

Postprzez Sten555 » wtorek, 20 lutego 2018, 12:15

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.
Sten555
Nowicjusz
 
Posty: 1
Dołączył(a): wtorek, 20 lutego 2018, 12:14


Powrót do X(HTML) I CSS

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość

cron