Autor Zpráva
Neas
Profil
Vyhledávač mi našel odkaz na podobný problém, chvíli jsem ho procházel, ale bohužel mi nepomohl.
Potřeboval bych použít
<style>#neco{position:fixed;}</style>
tak, aby to fungovalo i v IE. Všechny ostatní prohlížeče tuto funkci podporují, ale já bych potřeboval nějaký/ké příkaz/y, které by měli ve výsledku stejný efekt. Zkoušel jsem to vyřešit sám, ale ještě chvíli a asi mi z toho bouchne hlava.. Díky za pomoc.
Chamurappi
Profil
Reaguji na Nease:
tak, aby to fungovalo i v IE
V jaké verzi? Ve standardním režimu Exploreru 7 či novějšího to funguje.

Zkoušel jsem to vyřešit sám
Ukaž.

ještě chvíli a asi mi z toho bouchne hlava
Ukaž.
Neas
Profil
Doufal jsem, že ve všech verzích. Pokud to jinak nejde, tak v co nejvíc, aby se stránka správně zobrazovala co nejvíc uživatelům, i když je pravda že starší verze IE se moc nepoužívají. Ale s IE 6 se stále setkávám.
pokud jde o zdroják, tu část, co měla nahrazovat position:fixed, jsem vymazal, abych v tom neměl zmatek, ale šlo hlavně o tipy z již zmiňovaného odkazu, případně jejich kombinace.
pavuk
Profil
Chamurappi:
Tajně jsem doufal že to tu vyřeší můj problém, ale jsem z něj ještě víc zmatenej, protože mně například "position:fixed" nefunguje ani v IE 7, ani v IE 8. Viz. odkaz
Chamurappi
Profil
Reaguji na Nease:
tu část, co měla nahrazovat position:fixed, jsem vymazal, abych v tom neměl zmatek
Chtěl jsem vidět ukázku proto, abych mohl okouknout prostředí tvé stránky (vykreslovací režim) a najít chybu, nebo navrhnout jiný postup, protože jinak ti můžu dát pouze obecnou radu a pak tiše čekat, jestli ti vybouchne hlava.

Má obecná rada zní: Dej to, co se má rolovat, do <div>u s „overflow: auto“ a to, co se rolovat nemá, umísti mimo tento <div> a napozicuj to absolutně na požadované místo. Výsledek se bude hodně podobat fixnímu pozicování a pojede všude nezávisle na podpoře „position: fixed“.


Reaguji na pavuka:
nefunguje ani v IE 7, ani v IE 8
Vždyť to říkám pořád dokola — ve standardním režimu sedmičky i osmičky „position: fixed“ funguje. Chceš-li jet v quirku (teď jedeš), viz má obecná rada.
Neas
Profil
Obecné řešení nepomohlo :(
kód stránky a Výsledek:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!-- 
          ***  CREATED BY JAN "NEAS LOPATA" VEGRICHT  ***   
                   ####  Neas-san@email.cz  ####
                     ##  http://neas.ic.cz  ##
                         >>  (C) 2010   <<         
-->
<head>
<meta http-equiv="content-type" content="text/html; charset=Windows-1250" />
<meta http-equiv="content-language" content="cs-cz" />
<meta name="copyright" content="Jan 'Neas Lopata' Vegricht;" />
  <title></title>
  <link rel="shortcut icon" href="ramovana.ikona.ico" />
    <style>
body{
 text-align:center;
 color:#B25252;
 background-color:black;
 }
img{
 margin:auto;
 display:block;
 }
#obsah{
 margin:auto;
 margin-left:220px;
 }
#menu{
 float:left;
 width:200px;
 } 
#main{
 margin:auto;
 text-align:left;
 width:1024px;
 background:url('bg.back.png') repeat-y right;
 }
#login{
 position:absolute;top:100px;left:150px;
 overflow:auto;
 }
    </style>
</head>
  <body>
<img src="logo.png" /><br /><img src="bg.up.png" />
<form id="login" action="login.method.php" method="post">
  <div>Jméno:</div>
  <input type="text" name="jmeno" /><br />
  <div>Heslo:</div>
  <input type="password" name="heslo" /><br />
 <input type="submit" value="Přihlásit" />
</form>
<div id="main">
 <div id="menu">
  Menu stránky...<br />
 </div>
 <div id="obsah">
  Obsah stránky.....<br />
  2<br />
  3<br />
  <select style="width:300px;" name="jmeno" size="4">
   <option value="1">volba 1</option>
  </select><br />
  5<br />
  6<br />
  7<br />
  8<br />
  9<br />
  10<br />
  11<br />
  12<br />
  13<br />
  14<br />
  15<br />
  5<br />
  6<br />
  7<br />
  8<br />
  9<br />
  10<br />
  11<br />
  12<br />
  13<br />
  14<br />
  15<br />
  ...
 </div>
</div><img src="bg.down.png" />
  </body>
</html>
pavuk
Profil
Chamurappi:
To jsem samozřejmě zkoušel, ostatně je to vidět ve zdrojáku, ale ani jeden ze zápisů !doctype neměl v IE požadovanej výsledek.
Chamurappi
Profil
Reaguji na Nease:
Obecné řešení nepomohlo
V ukázaném kódu vidím, že jsi to, co se nemá rolovat, dal do <div>u s „overflow: auto“ a absolutně jsi to napozicoval. Doporučím ti tedy znovu si přečíst moji obecnou radu a tentokrát ji i dodržet.


Reaguji na pavuka:
ostatně je to vidět ve zdrojáku
Není tam vidět, že bys dával na začátek kódu různé zápisy <!doctype>. Dáváš je až někam na druhý řádek, tam jsou samozřejmě k ničemu.
Neas
Profil
hups, moje chyba.. takže bych měl dát vše, kromě #login do <div>u? hádám, že méně složitě to nejde, co?
pavuk
Profil
Jsou na prvním řádku, něčemu tady nerozumím. jdu to bádat

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0