05-26-2009, 07:02 AM
|
#15 (permalink)
|
|
The Prestige
Join Date: Sep 2007
Location: Sweden, Stockholm
Posts: 1,080
Thanks: 115
|
Quote:
Originally Posted by hjalmar
** 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)
|
Ah, now that you say it it's probably possible that it's like that. I'll try experiment with it. As I said, it's just a minor detail.
And yes, em's is tricky, but I'll try
Oh, I see! And about the clearing div, you meant it like this?
HTML Code:
<div id="head">
<div id="logo">..</div>
<div id="header">..</div>
<div class="clear"></div>
</div>
<div id="main">
...
instead of
HTML Code:
<div id="head">
<div id="logo">..</div>
<div id="header">..</div>
</div>
<div class="clear"></div>
<div id="main">
...
??
Ye I was actually very uncertain about that, but I'll edit it!
Thanks for all the help mate! 
__________________
|
|
|
|