[CSS] rozdzielczość strony - pozycjonowanie i brak polskich znaków

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//pl"

"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="pl" lang="pl">



<head>

<title>Wind Coach - internetowy poradnik windsurfingu i kitesurfingu</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />



<meta name="Description" content="wind coach, wszystko o nauce windsurfingu">





<link href="style.css" rel="stylesheet" type="text/css" media="all" />





</head>

<body>

<div id="all">



<div id="topfoto">



<img src="images/top.jpg" alt="" />

</div>







 <div id="menugora">

<ul>

        <li><a href="#">xxxx</a></li>

        <li><a href="#">xxxx xx</a></li>

        <li><a href="#">xxxxxxx</a></li>

        <li><a href="#">xxxxxxx</a></li>

        <li><a href="#">xxxxx</a></li>

        <li><a href="#">xxxxxx</a></li>

</ul></div>





<div id="banner">





<img src="images/reklamal.gif" alt="" />





</div>



<div id="tekst">

PRZYKŁADOWY TEKST

Zapisało się ok. 30 zawodników ale po ogłoszeniu godziny startu czyli 8.30 ze względów bezpieczeństwa wiatrowego, większość wolała zostać w ciepłych przyczepach i odsypiać pierwszy wieczór majowego weekendu . Parę osób " małej wiary'' w umiejętności prognozowania pogody przez organizatorów Janka "fuu1" Lisewskiego z Master Kiteboarding oraz Mariusza "Marrio'' Kraszewskiego dystrybutora sprzętu Core również nie dotarło na miejsce . NIECH ŻAŁUJĄ !!



CI którzy przyjechali wystartować w I wiosennym meetingu o nazwie "MASTER KITEBOARDING hard CORE race" nie zawiedli się !



Na miejscu finalnie stawiło się 14 zawodników (w tym jedna PANI : Marta Bednarska) gotowych do rywalizacji w zimnej 8 stopniowej wodzie i 20 km dystansie na trasie Małe Morze - Rzucewo - Małe Morze. Na campingu Małe Morze ustawiono start i metę. Wiatr z czystego W wiał z prędkością 15-20 węzłów.



Skipers meeting odbył się o 8.30, ustalenie trasy, zasady współzawodnictwa i asekuracji trwały bardzo krótko i już o 8.45 wszyscy ustawieni na starcie zawodnicy usłyszeli huk rakiety startowej!



Ruszyli bez żadnych przygód z plątaniem latawców, a przed nimi 2 asekuracyjne łodzie motorowe. Podziękowania dla KITE Clubu oraz KITE Parku.



Wyścig rozpoczął się z impetem cała grupa ruszyła razem na punkt nawrotowy który ustalony był przez Daniela Koziróga z Kite Clubu tyż przy plaży w Rzucewie. Zawodnicy zmagali się z bólem już po paru kilometrach prawego halsu, a przy nawrocie doszło do kilku niespodziewanych zmian w klasyfikacji. Grzegorz Świątalski który był pierwszy wykonał kilka niekontrolowanych ruchów w geście spodziewanego zwycięstwa no i niestety stracił kontrole nad kite'm. Wykorzystał to Tomasz Janiak (Mistrz Polski 2009 Freestyle Masters) i Leszek Mróz (Mistrz Polski Masters w Long Dystance Kite Race 2009) oraz młody zawodnik z Puck Kite Squadu: Piotr " PEPEK " Włudzik. 

</div>



</div>





</body>

</html>

Kod:

body

{text-align: left; }





body {

    background-color: #57EAEE;

    background-image: url("images/bgcolor.gif"); 

    background-repeat:repeat-x

}





#all{width: 50%;  margin: auto; text-align: left; }







#topfoto {width:589px; heigh:110px; position:relative; top:0px; }

#topfoto {vertical-align: middle;}



#menugora {width:600px; heigh:10px; position:relative; top:0px; }

#menugora ul, ul li {

    display: block;

    list-style: none;

    margin: 0;

    padding: 0;

}

#menugora ul {

    float: left;

    background-color: #fff;

    padding: 1px 0px 1px 1px;

    border: 1px solid #000;

}

#menugora ul li {

    float: left;

}

#menugora ul a:link, ul a:visited {

    text-decoration: none;

    display: block;

    font-weight: bold;

    background: #000 url("tlo.gif") repeat-x center;

    color: #fff;

    padding: 3px 25px;

    border-right: 1px solid #fff;

    border-right: 1px solid #fff;

}

#menugora ul a:hover {

    background-color: #999900;

    background-image: url("tlo2.gif");

}





#tekst {width:593px; heigh:800px; position:relative; top:-354px; border:1px}

#tekst {border-width:1px; border-style:solid; border-color:black;}





#banner {

    position:relative;

    top: 0px;

    left: -14% ;

    background: #ffffff;

    width: 88px;

    height:383px;

    padding:0px;

    border: 1px solid black;

    font-family:arial;

 

}