First off, I'd just like to say I love CSS. It gives me a warm, fuzzy feeling inside 
.
Anyhoo, if you check out this link (<!-- m --><a class="postlink" href="http://cssprophet.compactvision.net/research/test2/index.html">http://cssprophet.compactvision.net/res ... index.html</a><!-- m -->) (CSS file located here (<!-- m --><a class="postlink" href="http://cssprophet.compactvision.net/research/test2/styles.css">http://cssprophet.compactvision.net/res ... styles.css</a><!-- m -->)), and look at "Navigation:", and "Location: Home", both are <h2> tags, they have no classes or ID's applied, there is no other formatting applied other than the single instance, for both, in the style sheet, yet the padding, and font size are different for each of them. I am completely lost. I validated the CSS -- offline -- and it came through clean; I also validated the XHTML -- again, offline -- and it came clean.
P.S. This isn't really the hosting I wanted, since they have horrid ads that screw up the page, but this is temporary, and here just so I can have links to give you nice people
.
P.S.S. Any other helpful hints on my XHTML/CSS code are appreciated.
P.S.S.S. This is not an actual site to be put into use. It's just something I felt like doing when I was bored.give your <h2> stabilized height, for example height: 20px;, and the font size, too: font-size: 12px;, percentage doesn't always work right.Ah, many thanks for your suggestion! I tried it out, and it worked! That got me thinking, and I figured out what my problem was.
In my #menu styles, I had the font-size set to 0.8em, so the links where smaller, and that affected the size of the <h2> inside the #menu div. So, I just moved the font-size:0.8em; from the #menu styles, and added it to the list used for the links, that solved my odd sizing problem.
Many thanks for your help!I vaguely remember from some threads and other sources, that it is better to use px value rather then em value... creates some sort of glitches... Well, don't remember exactly what it was, but I always stick to pixels (defined for EACH style or ID ) and never have problems with that.All methods of font sizing have their issues. px's greatest fault is the fact that IE can not resize them, thus causing potential accessibility issues. On my personal site, I chose to use em for most of the sizing. IE will resize those.Khm... I guess I got it the other way around?... you live - you learn...As I said, they all have issues. Some of the more influential names in CSS and design are split on this issue. Zeldman, for instance, favors the pixel, if I recall correctly.I think that's where I could've got it from, too...Originally posted by pyro
As I said, they all have issues. Some of the more influential names in CSS and design are split on this issue. Zeldman, for instance, favors the pixel, if I recall correctly.
Yeah, Zeldman is pro "px". I look at it this way, if you know the issues on all the sides and still what to use "px," just do it in a way that lessens the down side of "px." I even use "px" on my current version of my site, but I keep the font sizes between user friendly 14px and 16px.Also, keep in mind that most of the pixel advocates also include stylesheet changers on thier site, to allow IE users to resize fonts.
.Anyhoo, if you check out this link (<!-- m --><a class="postlink" href="http://cssprophet.compactvision.net/research/test2/index.html">http://cssprophet.compactvision.net/res ... index.html</a><!-- m -->) (CSS file located here (<!-- m --><a class="postlink" href="http://cssprophet.compactvision.net/research/test2/styles.css">http://cssprophet.compactvision.net/res ... styles.css</a><!-- m -->)), and look at "Navigation:", and "Location: Home", both are <h2> tags, they have no classes or ID's applied, there is no other formatting applied other than the single instance, for both, in the style sheet, yet the padding, and font size are different for each of them. I am completely lost. I validated the CSS -- offline -- and it came through clean; I also validated the XHTML -- again, offline -- and it came clean.
P.S. This isn't really the hosting I wanted, since they have horrid ads that screw up the page, but this is temporary, and here just so I can have links to give you nice people
.P.S.S. Any other helpful hints on my XHTML/CSS code are appreciated.
P.S.S.S. This is not an actual site to be put into use. It's just something I felt like doing when I was bored.give your <h2> stabilized height, for example height: 20px;, and the font size, too: font-size: 12px;, percentage doesn't always work right.Ah, many thanks for your suggestion! I tried it out, and it worked! That got me thinking, and I figured out what my problem was.
In my #menu styles, I had the font-size set to 0.8em, so the links where smaller, and that affected the size of the <h2> inside the #menu div. So, I just moved the font-size:0.8em; from the #menu styles, and added it to the list used for the links, that solved my odd sizing problem.
Many thanks for your help!
I vaguely remember from some threads and other sources, that it is better to use px value rather then em value... creates some sort of glitches... Well, don't remember exactly what it was, but I always stick to pixels (defined for EACH style or ID ) and never have problems with that.All methods of font sizing have their issues. px's greatest fault is the fact that IE can not resize them, thus causing potential accessibility issues. On my personal site, I chose to use em for most of the sizing. IE will resize those.Khm... I guess I got it the other way around?... you live - you learn...As I said, they all have issues. Some of the more influential names in CSS and design are split on this issue. Zeldman, for instance, favors the pixel, if I recall correctly.I think that's where I could've got it from, too...Originally posted by pyro As I said, they all have issues. Some of the more influential names in CSS and design are split on this issue. Zeldman, for instance, favors the pixel, if I recall correctly.
Yeah, Zeldman is pro "px". I look at it this way, if you know the issues on all the sides and still what to use "px," just do it in a way that lessens the down side of "px." I even use "px" on my current version of my site, but I keep the font sizes between user friendly 14px and 16px.Also, keep in mind that most of the pixel advocates also include stylesheet changers on thier site, to allow IE users to resize fonts.