Hi there everybody; this is my personal portfolio site;
http://www.burceboran.com/
its based on a basic cms system called (Indexhibit)
there is also blog page on my portfolio , which uses wordpress
an iframe plugin for indexhibit makes my blog webpage (wordpress) to load in the right area of my site with using iframe. you can see how it works now on my page. everythink works fine in firefox and other browsers. but in ie7 when you click the blog link on my site you will see that there is double scrollbar. one of it is iframe's scrollbar and one of it is ie's scrollbar. this is a bug i think in ie7. because if you look at my blog page on firefox for example
(http://www.burceboran.com/blog)
you will see that the iframes scrollbar replaces the window's (browser's) scrollbar. this is what it have to be in ie 7 too.
also if you look at my blog page in ie6 you will see that the there is no scrollbar and cant scroll the page.
i tried lots of things to fix these issues but couldnt manage to fix them. so i need your help . how can i fix those problems? here are some screens if you want;
ie 7 bug;
http://img229.imageshack.us/img229/9660/bug2rm3.jpg

ie6bug;
http://img229.imageshack.us/img229/262/bug1vc8.jpg


and this is the correct version with firefox;
http://img518.imageshack.us/img518/921/correct1xq8.jpg

thank you.

Well, I don't know if you've explored non "I-frame" solutions, but that would be the way i'd go. You could use a regular text box and scroll bar.

If you want to keep the frame, try creating an alternate css file that browsers IE 6 and IE7 will refer to instead of the regular css. In this fashion, you can make specifications for each browser without messing it up on others... though I'd avoid I-frames all together and opt for a php or alternative solution

i have an alternate css for ie but i dont know how to make the specifications in css for ie6 and 7 (for this iframe problem) because i dont understand why ie behaves like that when firefox has no problems.

Well each browser is developed by a different team. They try to make everything consistent however, there are some obvious differences.

I remember using this tag

[if IE 5]> <link rel="stylesheet" type="text/css" href="ie-5.0+5.5.css" /> <![endif]-->

To specify IE 5..
and
[if IE]> <link rel="stylesheet" type="text/css" href="alternate.css" /> <![endif]-->
for IE.. .

But these days I try to solve the problem across browsers without alternate css. There's no shame in using the tags though.

Yes i know them but my problem is i cant define what my problem is related with but thanks anyway for your help.

because i dont understand why ie behaves like that when firefox has no problems

Then you have not studied enough. IE6 is the least standards-compliant browser out there. IE7 is somewhat better but still has some bugs. Firefox is way more standards-complian than IE has ever been, as is Opera and Safari and others. Get used to it, IE6 in particular is always going to do things counter to what the others do - it's a mess.

You definitely need to get away from the iframes, they're not the way to go at all.
Unfortunately your site is blocked for me right now.. so I can't offer any suggestions until I get home.