Quote:
Originally Posted by Tanax
Well that's good 
Holy shit. That actually did it!
I removed the conditional comment for IE aswell. Haven't uploaded this update on the live server yet though, so I can only show you that SS.
One thing left though, just a small thing. If you check this last SS, and compare the font-weight to the previously posted Firefox SS, you'll see it's much more thicker in IE, why is that? What's causing it, and how to fix?
Also, if you have time, and you want, could you explain how the overflow: auto, made it work?? And why I had to remove the height from #head ?
Thanks a bunch! |
** IGNORE **
What i would assume is because you are using 100% font-size on your body. Now the browsers have their default values that varies so it could be that.
** /IGNORE **
Looks the same for me in ff3 and your screenshots, aswell in safari.
There is a neat little trick that lots of people use and it's to set the body font-size: 62.5%; and that would equal 1em to around 10px but still be scalable.
Could be a bit tricky using em's at first tho as it's relative to it's parent(s).
Because you don't need a height defined, you want it to autowrap around your content, overflow: auto; does just that(not neccessarely(sp?) what it's intended for but it works like that also
), you having a height there would prob get you some scrollbars as your height was less then whats inside. your clearing div would have worked aswell if it was inside the wrapper without a height defined on #head{} (do whats best for you, on some occasions you could still end up with scrollbars when using overflow for autoclearing)
Don't have access to a pc/bootcamp/parralels etc right now :/, so hopefully someone else can help you out with IE6.
No problemo!
Hjalmar
*edit*
Don't use names like this, class="sub 2" thats actually 2 different classes it's looking for, .sub{} and .2{} (actually not even valid).
nono: 2sub (starting with a number)
yesyes: sub-2, sub2 (ending with a number is just fine)