Autor Zpráva
Joan
Profil *
Hezký den,
při tvorbě svých prvních stránek jsem zaznamenala, že dolní posuvník se chová úplně jinak, než jsem (snad logicky) očekávala:
mám klasický třísloupcový layout - vlevo menu, prostřední sloupec hlavní text a v pravém sloupečku další dvě položky zase jiného seznamu a na všechny sloupce použito "float left".

1) V FF3 se mi při malinkatém písmu zobrazí v pořádku celá stránka zarovnaná doleva. Při zvětšování písma dole posuvník zpočátku samozřejmě není, pak naskočí, při dalším pootočení kolečkem myši+Ctrl posuvník opět zmizí a pravý sloupec se přesune k patičce. Při dalším zvětšování písma se dolní posuvník správně zmenšuje, pravý sloupec bohužel stále zůstává u patičky a když je posuvník trošku větší než polovina šířky stránky, tak pravý sloupec se přehoupne zpátky na své správné místo u pravého okraje stránky. Takže určitý rozsah velikostí písma je pro layout nepoužitelný - vně tohoto rozsahu to funguje správně. Nerozumím tomu!

2) v IE7 se pravý sloupec hodně brzy přestěhuje k patičce a tam zůstává i při obřím písmu, přestože v pravé půlce stránky je místa strašně moc.

3) V IE6 písmo moc měnit nejde (používám offline multiinstalaci všech možných verzí IE)

Na tag body mám nastaveno "font-size" na hodnotu small a šířku všech tří sloupců v procentech.
Vysvětlí mi prosím někdo, proč v FF3 i IE7 dělá dolní posuvník takové skopičiny a hlavně jak mu "domluvit"?
Děkuji předem!
Plaváček
Profil
Joan

Dodej živou ukázku.
Joan
Profil *
Ráda dodám, ale v jaké formě? Jednotlivé screeny? Nebo video? Píšu to na 8,9" noťásku Acer A110.
Díky.
Axamith
Profil
Přilož link. popřípadě zdroják, pokud to nemáš možnost dát na web.
Joan
Profil
Jedině zdroják, web je až hudba vzdálené budoucnosti neb teprve v únoru jsem se začala zajímat, co to HTML vlastně je...
Pokusím se správně vložit HTML kód:

<body>
  <div id="stranka">
  <div id="hlavicka">
  <h1>Obrázek banneru s krátkým textem</h1>
  <p><img src="obrazky/banner.jpg"</p>
  </div>
  <div id="menu">
<a href="a.html">První levý</a>
<a href="b.html">Druhý levý</a>
<a href="c.html">Třetí levý</a>
<a href="d.html">Čtvrtý levý</a>
</div>
      <div id="uvod">
<h1>Nadpis prostředního sloupce</h1>
   <p>Text, který se bude nacházet v prostředním sloupci včetně vložených obrázků...</p>
</div>

<div id="pravy-sloupec">
<a href="e.html">První pravý</a>
<a href="f.html">Druhý pravý</a>
</div>
</div>
</body>


A teď CSS:

#stranka {padding: 1em; margin: 1em 0;}
/*nastavení celé stránky*/

#hlavicka {margin-bottom: 2em;  margin-left: 8%;}

#menu {float: left; width: 24%;}
#menu {position: relative; margin: 40px auto 0;}

#menu a, #menu a:visited {display: block; width: 150px; height: 30px; background: url("extra/3buttons.png"); background-position: left top; color: brown; text-decoration: none; margin: .4em 0; padding: 5.4px 0; text-align: center; font-weight: bold;}
#menu a:hover {display: block; color: green; background-position: left center;}
/*menu pomocí tlačítek*/

#uvod {float: left; width: 57%;  margin: 0 2%; margin-bottom: 1.5em;}
#pravy-sloupec {float: left; width: 15%; margin-top: 1.5em;}
#paticka {clear: both; border: 2px dotted red; display: block; height: 1.3em;}
/*rozplavání celé stránky*/
span#slogan {float: left; margin-left: 2em;}
span#copyright {float: right; margin-right: 2em;}
/*rozplavání patičky*/
#pravy-sloupec {margin-top: 40px;}
#pravy-sloupec a {display: block; text-align: center; background: yellow; font-weight: bold; display: block; text-decoration: none; height: 30px; margin: .4em 0; padding: 5.4px 0;}
/*pravý sloupec*/


Na levý sloupec (Menu) mám udělané obrázkové tlačítko a k tomu CSS podle tohoto návodu
http://www.cssplay.co.uk/menus/menu5teen.html ale ať dělám co dělám, nejsem schopna tlačítko ho na stránce zobrazit :-( . Obrázek v PNG mám ve složce Extra, která je hned vedle hlavního index.html
Když jsem nastavila šířku levého sloupce podle šířky tohoto tlačítka na 150px, tak se pravý sloupec brzy přilepil k patičce, přestože vpravo měl místa ještě moře.
Když jsem nastavila šířku levého sloupce na 24%, tak pravý sloupec sice ochotně zůstal kde má, zato levý sloupec se mi začal prolínat do prostředního.
Toto je asi tak nejdůležitější problém, který bych ráda úspěšně vyřešila - s pomocí někoho ochotného.
Děkuju předem!

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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