Autor Zpráva
AMD
Profil
#1 · Zasláno: 23. 1. 2006, 06:46:33 · Upravil/a: AMD
Odpovědět Citovat
Ahoj. Dnes jsem si trochu pohrál s CSSkem a podařilo se mi přepsat menu, aby bylo pružné. Jenže je zde problém. Když v prohlížeči zvětším písmo, menu se roztáhne, ale pak začne zasahovat do obsahu, kvůli pevně nastavenému marginu a tak podobně. V CSS bohužel nejde napsat podmínka if :) a tak bych se vás rád zeptal, jestli nevíte co s tím. Adresa je http://david.klenot.cz/ . Díky.
PS: Když mi řeknete jak to vypadá v IE, budu vděčnej.
jozob
Profil
#2 · Zasláno: 23. 1. 2006, 07:20:36
Odpovědět Citovat
Mne sa zdá, že na príčine je tento kód v CSS:
#menu {

	position: absolute;

	width: auto;

	height: auto;

	top: 25px;

	left: 12px;

	background-color: #eee;

}


Konkrétne:
	width: auto;


Skús tam hodiť pevnú šírku, v Tvojom prípade asi o niečo viac ako 100px.
	width: 120px;
AMD
Profil
#3 · Zasláno: 23. 1. 2006, 07:24:32 · Upravil/a: AMD
Odpovědět Citovat
Určitě si rozumíme? Tohle by zabránilo v pružnosti menu a co to má společného s pružnou šířkou obsahu fakt netuším. :/
Zkusím to upřesnit: Když se zvětší písmo = roztáhne menu, chci aby do něj nezasahoval obsah. Nastavím-li pevnou šířku menu, nebude pružný - tak jsem to měl než jsem s tím začal > nechci.
jozob
Profil
#4 · Zasláno: 23. 1. 2006, 07:29:26
Odpovědět Citovat
Ah tak... Sorry.

No teraz netuším, čo s tým. Toto nepomôže? :
#content {

	width: auto;

	position: relative;

	margin: 20px 20px 35px 180px;

	cursor: default;

}
Petra
Profil
#5 · Zasláno: 23. 1. 2006, 07:34:34
Odpovědět Citovat
Asi by mělo stačit zvětšovat se zvětšením písma i ten levý margin obsahu. Jakože třeba #content{margin-left:10em}

V IE dobrý, akorát ten nadpis ("úvod") je naplácnutej uplně na horním okraji okna.
AMD
Profil
#6 · Zasláno: 23. 1. 2006, 14:37:52
Odpovědět Citovat
> Asi by mělo stačit zvětšovat se zvětšením písma i ten levý margin obsahu. Jakože třeba #content{margin-left:10em}
? To jako bude samo zvětšovat margin obsahu podle písma? :)
> V IE dobrý
To teda WOW!!!
> akorát ten nadpis ("úvod") je naplácnutej uplně na horním okraji okna.
O tom vím. Díky moc.
AMD
Profil
#7 · Zasláno: 23. 1. 2006, 14:41:42
Odpovědět Citovat
Petro, to je přesně ono. Už mi došlo jak to funguje. Díky, díky, díky. :)
AMD
Profil
#8 · Zasláno: 23. 1. 2006, 14:43:33
Odpovědět Citovat
Jen pro úplnost:
#content {

	position: relative;

	margin: 20px 20px 35px 11em;

	cursor: default;

}
jozob
Profil
#9 · Zasláno: 23. 1. 2006, 14:44:46
Odpovědět Citovat
To jako bude samo zvětšovat margin obsahu podle písma?
Presne tak. Jednotka em je relatívna a závisí od veľkosti písma. 1 em = šírka veľkého písmena M.
AMD
Profil
#10 · Zasláno: 23. 1. 2006, 14:48:08
Odpovědět Citovat
Jj, došlo mi to až když jsem se nad tím trochu zamyslel - že to emko se bude zvětšovat s písmem. :)
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0