pathsstudent Posted April 12, 2007 Share Posted April 12, 2007 On IE some of my list items won't resize (using the browser) but any other text will resize fine. Is this some sort of bug in IE? I double checked the CSS and I never defined a hard font size so there shouldn't be a problem.http://kornykid.com/paths/pathssite/ is the addy. I hate no problem with resizing in Firefox but when I try to resize in IE, it resizes all of the letters EXCEPT the menu letters.Grandma and grandpa might have troubles reading that!HTML (part of it): <ul id="globalnav"> <li><a href="welcome.html">Welcome</a></li> <li><a href="philosophy_goals.html">Philosophy and Goals</a></li> <li><a href="guidance.html">Guidance Office</a></li> <li><a href="courses.html">Courses</a></li> <li><a href="contact.html">Contact</a></li> </ul> CSS: #globalnav UL { position:absolute; left:0; top:1.5em; float:left; background:#bbb; width:100%; margin:0; padding:0.25em 0.25em 0.25em 1em; list-style:none; border-top:1px solid #fff;}#globalnav UL LI { float:left; display:block; margin-top:1px;}#globalnav UL A { background:#bbb; color:#fff; display:inline; margin:0; padding:0 1em; border:0}#globalnav UL A:hover,#globalnav UL A:active,#globalnav UL A.here:link,#globalnav UL A.here:visited { color:#444;} Link to comment Share on other sites More sharing options...
rswildy Posted April 12, 2007 Share Posted April 12, 2007 Looks exactly the same in both Firefox and IE for me, I'm not sure i see the problem. Link to comment Share on other sites More sharing options...
pathsstudent Posted April 12, 2007 Author Share Posted April 12, 2007 That's odd then.When I tried resizing on IE, it doesn't resize. I did this both at home (where i'm at now) and in class and got the same results (can't resize). Link to comment Share on other sites More sharing options...
jesh Posted April 12, 2007 Share Posted April 12, 2007 I think the problem is here: #menu li, ul { ... font-size:16px; ...} It's been my experience that IE doesn't like to resize text when it has been specified using pixels. Try change that style declaration to something like: #menu li, ul { ... font-size: large; /* or use medium */ ...} Link to comment Share on other sites More sharing options...
pathsstudent Posted April 12, 2007 Author Share Posted April 12, 2007 I think the problem is here:#menu li, ul { ... font-size:16px; ...} It's been my experience that IE doesn't like to resize text when it has been specified using pixels. Try change that style declaration to something like: #menu li, ul { ... font-size: large; /* or use medium */ ...} Tried that and it's still not resizing in IE :)Also double checked my divs, ids around the list items and none of them have defined font sizes.[Edit] Wait a sec! It looks like my FTP isn't updating the CSS for some reason. I'll get back to you all in a few. Link to comment Share on other sites More sharing options...
pathsstudent Posted April 12, 2007 Author Share Posted April 12, 2007 OK sweet, that indeed did fix it. Thanks for the help! Link to comment Share on other sites More sharing options...
pathsstudent Posted April 13, 2007 Author Share Posted April 13, 2007 Ok, I have another question if someone does mind answering:I'm now trying to center the menu items. I can do this pretty easily in Firefox but once again IE is crap. I used display:table-cell; to center it in Firefox but did not work for IE. I did a little googling and it said that IE does not recognize display:table-cell and only recognizes display:inline-block; so I'm kind of stumped now. I tried a few things but didn't get any results in IE.I'm learning to dislike IE a lot. Link to comment Share on other sites More sharing options...
pathsstudent Posted April 13, 2007 Author Share Posted April 13, 2007 OK, I got it center with IE but the problem NOW is if you have a lower resolution than 1280x1024 (or resize the brower), one of the LI falls onto another line. Is there any way you can fix this?I'm using the following to test if it's IE btw: <!--[if IE]><style>.wraptocenter span { display: inline-block;width: 75%;}</style><![endif]--> If I set the width any higher than 75%, it starts going to the left and if I set it to anything lower than 75%, it starts to 'stack' the list items. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now