Co mam zrobić?

Witaj w prawdziwym świecie :)

Każda przeglądarka może mieć inne wartości domyślne dla różnych elementów co powoduje, że ta sama strona może wyglądać inaczej.

Istnieją nawet pliki CSS zwane `reset`, które mają za zadanie ujednolicić te ustawienia - zresetować. Nie zawsze jednak jest potrzeba resetowania wszystkiego i wystarczy zadań wartości dla elementów używanych na stronie zamiast polegać na domyślnych ustawienaich. Należy też sprawdzać wygląd na różnych urządzeniach i przegladarkach na bieżąco.

Nie ma jednak gwarancji, że wszystko będzie wyglądać dokładnie tak samo bo pewnym elementom nie da się nadać styli i jedynie zbudowanie własnych elementów pozwala to jakość obejść. Tak robi między innymi framework Bootstrap.

<!DOCTYPE HTML>
<html lang="pl">
<head>

  <link rel="Shortcut icon" href="brucewszechmogacy.jpg">

  <meta charset="utf-8">
    
    <script type="text/php">
    
    </script>

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Witaj na naszej stronie, tu znajdziesz opisy
      znanych komedii - Bruce wszechmogący</title>
    
    <script type="text/javascript">
    function odliczanie()
        {
    var dzisiaj = new Date();
    var dzien = dzisiaj.getDate();
    var miesiac = dzisiaj.getMonth()+1;
    var rok = dzisiaj.getFullYear();
    var godzina = dzisiaj.getHours();
    if (godzina<10) godzina = "0"+godzina;
    var minuta = dzisiaj.getMinutes();
    if (minuta<10) minuta = "0"+minuta;
    var sekunda = dzisiaj.getSeconds();
    if (sekunda<10) sekunda = "0"+sekunda;
            
            document.getElementById("zegar").innerHTML = dzien+"/"+miesiac+"/"+rok+" | "+godzina+":"+minuta+":"+sekunda;
            
        setTimeout("odliczanie()",1000);
        }
    </script>


  <meta name="description" content="Strona opisuje znane i lubiane komedie">

  <meta name="keywords" content="Komedie, bruce wszechmogący">

  <style>
#container
{
width: 1000px;
margin-left: auto;
margin-right: auto; }
#logo
{
background-color: blue;
text-align: center;
padding: 10px;
color: chartreuse;
}
#nav
{
float: left;
background-color: chartreuse;
width: 110px;
min-height: 800px;
padding: 15px;
}
#content
{
float: left;
padding: 10px;
width: 730px;
}
#other
{
float: left;
width: 80px;
min-height: 800px;
padding: 15px;
color: chartreuse;
background-color: chocolate;
}
#footer
{
clear: both;
background-color: black;
color: aqua;
text-align: center;
padding: 10px;
}
* {
margin: 0;
padding: 0;
}
.css_gallery {
margin: 0 auto;
width: 720px; /* szerokosc najszerszego zdjęcia + szerokosc miniatur + 40px luzu */
position: relative;
overflow: hidden;
}
.css_gallery ul {
list-style-type: none;
width: 192px; /* szerokosc miniatur */
height: 375px; /* wysokosc najwyzszego zdjecia + miejsce na ewentualny opis zdjec */
overflow: auto;
padding: 0;
float: left;
margin: 0 0 30px 0;
}
.css_gallery li {
display: block;
width: 152px; /* szerokosc miniatury + ew. obramowanie obrazka */
height: 152px; /* wysokosc miniatury + ew. obramowanie obrazka */
padding: 5px 20px 5px 0;
margin: 0;
}
.css_gallery li img {
border: 1px solid #000;
max-width: 500px;
max-height: 500px;
}
.css_gallery li div {
display: none;
}
.css_gallery ul:hover li:first-child div {
display: none;
}
.css_gallery li:hover div
,.css_gallery ul li:first-child div
,.css_gallery ul li:first-child:hover div {
display: block;
position: absolute;
left: 220px; /* szerokosc <ul> + padding <ul> + 20px */
top: 0;
}
  </style>
</head>


<body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 0);" alink="#000099" link="#000099" vlink="#990099" onload="odliczanie();">

<div id="container">
<div id="logo">
<h1>Komedie</h1>

</div>

<div id="nav"> <a href="index.html">Bruce
wszechmogący</a><br>

<a href="trumanshow.html">Truman show</a><br>

<a href="klamcaklamca.html">Kłamca kłamca</a><br>

<a href="garfield.html">Garfield</a><br>

<a href="swiatwedlugkiepskich.html">Świat według Kiepskich</a><br>

<a href="dzis13jutro30.html">Dziś 13 jutro 30</a><br>

<a href="klikirobiszcochcesz.html">Klik i robisz co chcesz</a><br>

<a href="maly.html">Mały</a><br>

<a href="rodzinka_pl.html">Rodzinka.pl</a><br>

</div>

<div id="content">
<h1>Bruce wszechmogący</h1>

<h2>Opis</h2>

<h4>Buffalo w stanie Nowy Jork. Bruce Nolan (Jim Carrey) pracuje
w lokalnej stacji telewizyjnej. W jego życiu jest wiele
powod&oacute;w do zadowolenia - ma ładny dom i kochającą dziewczynę
Grace Connelly (Jennifer Aniston). Bruce nie czuje się jednak
szczęśliwy. Jego praca nie przynosi mu satysfakcji. Do tej pory
realizował jedynie mało ważne reportaże, choć on sam uważa, że powinien
być prezenterem gł&oacute;wnego wydania wiadomości. Kiedy jego
rywal Evan Baxter (Steve Carell) awansuje, Bruce nie może tego znieść.
Wybucha, będąc na wizji. Zostaje wyrzucony z pracy, wdaje się w
b&oacute;jkę, a na koniec kł&oacute;ci się z ukochaną. Jadąc
samochodem, prosi Boga o cud, a potem zaczyna go wyklinać.
Nieoczekiwanie B&oacute;g (Morgan Freeman) spełnia jego prośbę i
czyni go "wszechmogącym". Nolan ma władzę absolutną, podczas gdy
B&oacute;g udaje się na zasłużony urlop. Teraz Bruce może
zrealizować każde marzenie. Zdobywa uznanie, sukces, ale nie docenia
innych wartości. W końcu odchodzi od niego Grace. Uświadamia sobie
wtedy, że naprawdę szczęśliwy może być tylko z tą kobietą u boku.
Postanawia znowu być sobą i odzyskać jej miłość...</h4>
    <div class="css_gallery"> 
    <ul> 
        <li>
            <img src="http://1.fwcdn.pl/ph/78/89/37889/133756.2.jpg" alt="Zdjęcie 1" />
            <div>
                <img src="http://1.fwcdn.pl/ph/78/89/37889/133756.2.jpg" height="600" width="800" alt="Zdjęcie 1" />
            </div>
        </li>
        <li>
            <img src="http://www.cyfraplus.pl/misc/base/galeria/bruce_wszechmogacy_005.jpg" height="180" width="180" alt="Zdjęcie 2" />
            <div>
                <img src="http://www.cyfraplus.pl/misc/base/galeria/bruce_wszechmogacy_005.jpg" alt="Zdjęcie 2" />
            </div>
        </li> 
        <li>
            <img src="http://kk.i1.fdbimg.pl/knxexk_kzt3vh.jpg" height="180" width="180" alt="Zdjęcie 3" />
            <div>
                <img src="http://kk.i1.fdbimg.pl/knxexk_kzt3vh.jpg" height="600" width="800" alt="Zdjęcie 3" />
            </div>
        </li> 
        <li>
            <img src="http://www.wyrwanezkontekstu.pl/wp-content/uploads/2014/10/bruce.jpg" height="180" width="180" alt="Zdjęcie 4" />
            <div>
                <img src="http://www.wyrwanezkontekstu.pl/wp-content/uploads/2014/10/bruce.jpg" height="600" width="800" alt="Zdjęcie 4" />
            </div>
        </li>
        <li>
            <img src="http://img1.tokino.tv/upload/album_419/6b65e72c7860e59518ec0f47a2bd6841.jpg" height="180" width="180" alt="Zdjęcie 5" />
            <div>
                <img src="http://img1.tokino.tv/upload/album_419/6b65e72c7860e59518ec0f47a2bd6841.jpg" height="600" width="800" alt="Zdjęcie 5" />
            </div>
        </li> 
    </ul> 
</div>
</div>

<div id="other"> 
    Data i czas
    <div id="zegar"></div>
    
    
    
    </div>

<div id="footer"> Komedie dla Ciebie &copy;Wszelkie
prawa zastrzeżone </div>

</div>
<script type="text/javascript">
    
    </script>
</body>
</html>

http://komedie.brejk.pl

A z jednostką nie wiem o co chodzi