Fixed Div IE Problem

I'm working on the following site:

http://www.formnet.com.br/clientes/kbytes/

Everything works fine on all browsers except on Internet Explorer. I need the menu, footer and the top div to be fixed and do not scroll with the rest of the content. If you look at it on Firefox or Chrome, you will understand how it should work.

I've tried everything to get those DIVs fixed but I couldn't find what is wrong.
fackzAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LZ1Commented:
IE doesn't like position:fixed.
This may be of some help:
http://www.howtocreate.co.uk/fixedPosition.html 
0
JF0Commented:
You can make this work in IE7+ by specifying a "strict" doctype.  Otherwise, the browser does not support "fixed" and you will be going to  great lengths trying to make something happen that the browser is not  designed for.
0
remorinaCommented:
Hi fackz,
This is due to IE8 using the quirks mode, you can force it to use standards mode which would make it behave as you want by adding the below line right under the <title></title> in your <head> section

Please note that placing it after other meta tags or elements will cause it not to function

Cheers
<meta http-equiv="x-ua-compatible" content="IE=8">

Open in new window

0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

fackzAuthor Commented:
JF0, I've changed it to strict but it still not working on IE7 +
I don't care about IE6
0
remorinaCommented:
Hi fackz,
If you're targetting IE7 as well try using the strict doctype in the format included below, it will work but then you will have to restructure your positioning and CSS to make it strict compatible with IE7 since they will render in incorrect position
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Open in new window

0
fackzAuthor Commented:
remorina, if you look at my source code, the doctype is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

But it's not working...I need to change all css to make it work?
I'm confused right now..
0
LZ1Commented:
You could use a conditional CSS statement with the above link as well.
See below:

<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#fixme {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  left: expression( ( 50 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + '50px' );
  top: expression( ( 30 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + '30px' );
}
</style>
<![endif]>
<![endif]-->

Open in new window

0
remorinaCommented:
Hi Fackz,
The doctype is simply not working because you have an include comment above it
<!--# include file="inc_config.asp"-->
Remove this and it should work
0
remorinaCommented:
or simply just place the include below the doctype
0
remorinaCommented:
I see you've applied it and it's working now
for the corrupted positioning, it's because you can't use float:left with position fixed.

Instead remove the float left from the .menu class and modify the .Corpo class as provided below and see how it goes
.Corpo {width: 710px;padding-right:65px; float:right;}

Open in new window

0
fackzAuthor Commented:
Hey remorina, I did the changes but it still not working.
Can you look at it please?!
0
remorinaCommented:
Hi fackz,
Which part is not working, I've opened your site now on both IE7 and IE8 and the fixed positioning is working, it just needs some CSS adjustments for the elements to position correctly in IE7

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
fackzAuthor Commented:
Thanks, I just got it working... :)
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.