By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
449,221 Members | 1,663 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 449,221 IT Pros & Developers. It's quick & easy.

IE size/width problem

100+
P: 144
hello,

i'm trying to design a web. in the header, i create an outer-div which consist of three inner-divs.

the html looks like this

Expand|Select|Wrap|Line Numbers
  1.         <div align="center" id="banner-header">
  2.             <div id="left-column"></div>
  3.             <div id="center-column">
  4.                     <img src="images/iklan_1.png" alt="ads-down" width="748" height="107"   />
  5.             </div>                
  6.               <div id="right-column"></div>
  7.  
  8.         </div><!-- banner-header -->
  9.  
and this is the css

Expand|Select|Wrap|Line Numbers
  1. #banner-header{
  2.     width:100%;
  3.     height:139px;
  4. }
  5.  
  6. #banner-header #left-column{
  7.     width:27px;
  8.     height:139px;
  9.     background:url(../images/left.png) no-repeat;
  10.     float:left;
  11. }
  12.  
  13. #banner-header #center-column{
  14.     width:746px;
  15.     height:139px;
  16.     background:url(../images/center.png) repeat-x;
  17.     float:left;
  18.     behavior: none;
  19. }
  20.  
  21.  
  22. #banner-header #right-column{
  23.     width:27px;
  24.     height:139px;
  25.     background:url(../images/right.png) no-repeat;
  26.     float:right;
  27. }
  28.  
the css generally setting the size of each div and floats them.

it looks alright in Opera 9.60 and Firefox 3.0.14. but in IE 7, the #right-column div appears at right bellow of both of the inner div (#left and #center).

here's the screenshot (seems that you have to bring your mouse over to see it)



i've tried to resize all of the inner div size, it solves the problem in IE, but it creates a gap between the center and the right div in Opera and Firefox. Liquid size doesn't work either.

how to solve this problem?


Thank you.
Oct 25 '09 #1
Share this Question
Share on Google+
1 Reply


100+
P: 144
Sorry, it's actually IE 6 not IE 7. i haven't tried it with IE 7
Oct 25 '09 #2

Post your reply

Sign in to post your reply or Sign up for a free account.