View Single Post
Old 05-26-2009, 07:02 AM   #15 (permalink)
Tanax
The Prestige
Upcoming Programmer Inquisitive 
 
Tanax's Avatar
 
Join Date: Sep 2007
Location: Sweden, Stockholm
Posts: 1,080
Thanks: 115
Tanax is on a distinguished road
Default

Quote:
Originally Posted by hjalmar View Post
** 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!
__________________
Tanax is offline  
Reply With Quote