Jag håller på att försöka ändra en px-meny till relativ storlek.
css:en ser ut så här
.menu a, .menu :visited {
display:block;
font-size:80%; /*har varit 10px*/
width:15em; /*har varit 149px*/
padding:0.7em 0;
color:#000;
text-decoration:none;
margin-right:0.2em;
text-align:left;
}
Att ändra bredden gick helt ok. Men när jag ändrade font size så blev submenyerna ca.80% av vad de skulle vara både bredd och fontstorlek.
.menu ul ul {
visibility:hidden;
position:absolute;
width:15em; /*har varit 149px*/
height:0;
}
Har försökt att lägga in större font här. Har också försökt ändra width, men absolut ingenting händer, mer än att det blir fel i de andra webläsarna.
Någon som vet hur och varför IE gör så och om det finns något knep?
Nej men däremot så fick jag det till slut att fungera genom att flytta font till .meny ul {} och ha 80% där och sedan ha 100% på font i .menu ul ul {}
och inte ha den med alls i .menu a, .menu :visited{}
Vad är logiken i det? Arv är ibland så himla svårbegripligt
Nu gjorde du mig mer förvirrad... När ska detta sätta sig hos mig.
Varför blev ul ul:s with så mycket mindre än 15em när font var satt till 80%. I den gamla css:en... och sedan blev rätt genom fontstorleken... Förstår inte smmanhanget...
Så här såg den ut förut...med lite glada färger så det syns.