| Autor | Zpráva | ||
|---|---|---|---|
| Joan Profil * |
#1 · Zasláno: 24. 6. 2009, 10:55:52
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 |
#2 · Zasláno: 24. 6. 2009, 11:08:59
Joan
Dodej živou ukázku. |
||
| Joan Profil * |
#3 · Zasláno: 25. 6. 2009, 11:26:49
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 |
#4 · Zasláno: 25. 6. 2009, 11:43:44
Přilož link. popřípadě zdroják, pokud to nemáš možnost dát na web.
|
||
| Joan Profil |
#5 · Zasláno: 25. 6. 2009, 13:17:45
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! |
||
|
Časová prodleva: 15 let
|
|||
0