Autor Zpráva
Zuben45
Profil
Dobrý den,

v životě se mi tohle nestalo, udělal jsem 3 divy, menu, obsah a galerie, které jsou vedle sebe přes float: left.

Celá stránka je nastavená na střed, všechno funguje bez problému, ale když přejdu na jinou s delším obsahem, než je výška monitoru, tak se pozice středu posune asi o 5px doleva. Prosím vás nevíte jak tohle opravit ?

index.html
<!doctype html>
<html>
  <head>
    <meta name="description" content="Free template for PSPad" />
    <meta name="keywords" content="html5,template,pspad" />
    <meta name="author" content="Marshall" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
    <meta charset="ISO 8859-2" />
    
    <title>Londýn</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    
  </head>
<body>
  <header> </header>
  <div id="web">
  <nav>
    <h1>Menu<h1>
    <a href="index.html">Úvod</a><br>    
    <a href="historie.html">Úvod</a>  
  </nav>
  <article>
    <h1>Úvod</h1><h2>........</h2>  
    Londýn je hlavní město Spojeného království Velké Británie a Severního Irska 
    ležící na jihovýchodě země při ústí řeky Temže.Produkuje 20 % HDP
    Spojeného království a londýnská City je jedno z největších světových obchodních center. 
    Londýn je společně s městy New York a Tokio jedním z nejdůležitějších měst na světě.
    Pojem Londýn se používá pro území vymezené jako jeden z anglických regionů – Velký Londýn. 

  </article>
  <aside>
    <h2>Galerie</h2>
    <a href="index.html">Úvod</a><br>    
    <a href="historie.html">Úvod</a>
  </aside>
  </div>
  <footer> </footer>
</body>
</html>
historie.html
<!doctype html>
<html>
  <head>
    <meta name="description" content="Free template for PSPad" />
    <meta name="keywords" content="html5,template,pspad" />
    <meta name="author" content="Marshall" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
    <meta charset="ISO 8859-2" />
    <title>Londýn</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    
  </head>
<body>
  <header> </header>
  <div id="web">
  <nav>
    <h1>Menu<h1>
    <a href="index.html">Úvod</a><br>    
    <a href="historie.html">Úvod</a>  
  </nav>
  <article>
   <h2>Historie Londýna</h2><h2>...........................</h2>
       Londýn založili u řeky Temže v roce 43 našeho letopočtu Římané (legie císaře Claudia) a jeho původní název byl Londinium. V roce 54 př.n.l. sice Julius Caesar přišel do Británie a napadl keltský kmen nedaleko budoucího Londýna, ale sám zde žádnou osadu nezaložil. Do roku 100 n.l. Londinium překonalo svým významem Colchester, ve 2. stolení zde žilo cca 60 000 obyvatel.
       Římané postavili kolem roku 200 n.l. první ochranné hradby okolo osady Londinium. Římské legie byly po roce 410 staženy z území britských ostrovů, protože na Řím zaútočily barbarské kmeny. Po odchodu Římanů se město sice zmenšilo, ale stalo
         Římané postavili kolem roku 200 n.l. první ochranné hradby okolo osady Londinium. Římské legie byly po roce 410 staženy z území britských ostrovů, protože na Řím zaútočily barbarské kmeny. Po odchodu Římanů se město sice zmenšilo, ale stalo se z něj bohaté obchodní centrum těžící ze svého přístavu na Temži., ale díky tomu se stal i terčem útočníků.
         Anglové a Sasové - germánské kmeny ze severozápadního Německa založily několik království v blízkosti Londýna a město si podmanily. V roce 851 Londýn napadli a dobyli Vikingové. Král Alfréd později s Vikingy uzavřel mír. Za vlády anglosaských králů město vzkvétalo, stalo se z něj významné obchodní a politické centrum.V roce 1066 skončila éra anglosaská Anglie a zemi začali ovládat normanští vojáci a správci. Vilém Normanský nechal postavit Tower of London. V letech 1077 – 1136 bylo v Londýně postaveno 13 klášterů a 126 opatství! V období 1348 – 1350 postihly Londýn těžké časy - morové epidemie usmrtily více než polovinu populace Londýna. V roce 1485 byl Westminster uznáván jako sídlo královské rodiny, zatímco v City zase postupně začal vzkvétat obchod. 
         Od roku 1547 zasedal ve Westminsterském paláci Parlament. Tudorovci a hlavně královna Alžběta I. vybudovala z Londýna důležité obchodní centrum. Královna Alžběta I. zřídila i divadlo.
         <h2>Historie Londýna</h2>
       Za nepříliš úspěšné vlády Stuartovců docházelo k neustálým rozporům mezi katolíky a protestanty.
       V letech 1665-66 zasáhl město znovu mor. Další velkou katastrofou byl i rozsáhlý, který zničil část City, obnova trvla více než 10 let.
         Během 18. století se Londýn rozrůstal a vzkvétal, v 19. století se Londýn stal centrem říše, která se rozšiřovala do celého světa. Londýn  byl největším městem světa v letech 1831 až 1925. Populace v Londýně dosáhla více než 6 miliónů obyvatel a přestože bylo město bohaté mělo problémy s dopravou, dodávkami vody, kanalizací apod.  V roce 1829 vznikla první veřejná doprava, první železnice byla otevřena v roce 1836. Do města se stěhovali lidé z celého světa, začaly vznikat chudinské čtvrtě. Ve 30. letech 19. století byl už Londýn tak přelidněn, že se hygienická struktura zhroutila a začaly se objevovat nemoci jako neštovice, cholera a tyfus, což vedlo k vybudování kanalizačního systému. V posledních sto letech se na největší změně Londýna podepsala německá Luftwaffe, která ho bombardovala během 2. světové války. Během bombardovaní přišlo o život více jak 30 000 londýnských obyvatel a bylo zničeno množství budov.
         V 50-tých až 70-tých letech nastala novodobá výstavba vybombardovaných míst. V červenci 2005 na tři stanice podzemní dráhy a autobus zaútočili islámští teroristé. O život přišlo 33 lidí. Velkou a zajímavou událostí Londýna bude určitě uspořádání Olympijských her v roce 2012. 

  </article>
  <aside>
    <h2>Galerie</h2>
    <a href="index.html">Úvod</a><br>    
    <a href="historie.html">Úvod</a>
  </aside>
  </div>
  <footer> </footer>
</body>
</html>
style.css
body
{
  position: relative;
  margin: 0 auto;
}
header
{
  background-image: url(../Londyn2/londyn.jpg);
  width:900px;
  height: 233px;
  margin: 0 auto;   
  position: relative;
}
#web
{
  margin: 0 auto;
  width: 960px;
  position: relative;
}
nav
{
  
  margin: 0 auto;
  width: 200px;
  float: left;
  
  position: relative;
}
article,section
{

  margin: 0 auto;
  width: 500px;       
  float: left;
  position: relative; 
}
aside
{

  margin-left: auto; margin-right: auto;
  width: 200px;      
  float: left;
  
  position: relative;
}

Díky moc za odpověď
jenikkozak
Profil
Zuben45:
ale když přejdu na jinou s delším obsahem, než je výška monitoru, tak se pozice středu posune asi o 5px doleva.
Není to čistě náhodou tím, že se napravo zobrazí posuvník?
Zuben45
Profil
to ano, to je mi jasné, ale jak mám udělat aby to zůstalo na stejném místě a přitom tam scroolbar zůstal ? :/

AJO už vím :D, overflow, :), ale ten tam buď je a nebo není, asi nejde aby to zůstalo na stejném místě, i když tam bude i když ne ? že ?
panther
Profil
Zuben45:
vyber si ze dvou možností:
- posuvník se zobrazí jen tehdy, je-li potřeba (uvidíš ten posun, který by tě ale trápit neměl a nemusel, je to standardní chování)
- posuvník se zobrazí i tehdy, není-li potřeba (bude tam zbytečný, zobrazoval jej Explorer, tuším, že do sedmé verze)

Jiné možnosti na výběr nemáš.
suvel
Profil
panther:
Jiné možnosti na výběr nemáš.
No, kdyby Zuben45 trval na tom, že se text nesmí hnout, ať je tam pravý posuvník nebo není, může si nejprve javascriptem spočítat šířku okna bez posuvníku a potom vždy spočítat aktuální šířku s ohledem na posuvník, no a když bude ta aktuální menší, posune si absolutní pozici doprava. Ale já bych to nedělal, podle mého to asi nestojí za to, zvlášť když si vzpomenu na jednotlivé prohlížeče a zvlášť na IE, fuj...
Zuben45
Profil
díky za odpovědi, no šlo mi o ročníkovou práci, ale nakonec jsem to udělal trochu jinak, ale díky moc ;)
jenikkozak
Profil
Zuben45:
ale nakonec jsem to udělal trochu jinak
Pochlubíš se?

Kromě možností, které výše uvedl panther, je ještě možnost stránky rozdělit na kratší - pokud jde o prezentaci čítající pár stránek. Ne že by to bylo definitivní řešení, ale sníží se tím procento uživatelů, kterým se posuvník zobrazí.
panther
Profil
suvel:
nevím, proč zmiňuješ IE, ale celkově to je spíše „řešení“ než řešení. Na přítomnosti IE nezáleží.

jenikkozak:
ani to v době malých displayů a mobilních zařízení nelze považovat za řešení. I tohle řešení bych nazval spíše jako „řešení“, ale uvozovky budou o hodně menší než v případě suvelova řešení.
jenikkozak
Profil
panther:
ani to v době malých displayů a mobilních zařízení nelze považovat za řešení.
Na těch malých zobrazovacích zařízeních se budou zobrazovat posuvníky na všech stránkách, takže tam nedojde k onomu „problematickému“ posunutí stránky.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: