FF / IE clash

Cryptix

2007-01-25 13:05

Hi, i've just been upgrading to the new QC v2.0. And have been editing the template to how i want but i've been working in FF and that looks fine. But after checking with different browsers it's all over the place in IE. - The .png image can be easily sorted but the rest of the page doesn't match up and overlaps in places:

www.revolutionclothing.net

I can copy the template code i've got if you wish, I just want to know if anyone can point me to the right direction at what 'may' be the problem at hand.

Many thanks!

treewood (OpenSolution)

2007-01-25 13:35

Cryptix - You have to edit templates/default.css and change height of #head element ... try

Cryptix

2007-01-25 15:00

Thanks for the reply treewood!

OK i've tried to change the height of the #head element as you said but the problem still remains when viewing the site in IE.

So you can get a better look at it here is the code i've edited in the #head element:

#head{width:750px;height:200px;margin:0 auto;background:url('img/head_bg.png') repeat-x;text-align:left;}
#head #logo{float:left;padding:5px 0 0 20px;}
#head #logo div{font-size:1px;line-height:1px;}
#head #logo h2{height:5px;padding-left:2px;background:inherit;color:#fff;font:normal 1.167em "trebuchet ms", sans-serif;}

If you could shed any more light on where i've gone wrong i'd be very grateful,

thank you!

treewood (OpenSolution)

2007-01-25 15:13

Cryptix - You have added 200px height but look ... create print screen. Your top with top menu and logo have more then 200px

Cryptix

2007-01-25 16:11

Got it sorted now - thanks for all the help! - i've been using QC for over a year now and can always rely on these forums and the software! - thank you!