Results 1 to 13 of 13

Thread: IE7 Problem

  1. #1

    IE7 Problem

    Hello, I have been trawling google to try and find an answer for this and have got nowhere so I thought time to ask the experts,

    This code works fine in ie6 and firefox, normally my webpages always run fine and I never have any problems but ie 7 end for some reason makes the box not fill the page.

    Please have a look at this page www.oxygensolutions.net/preview as you can see in ie6 and firefox they all meet up but in ie7 there is a 6 pixel gap between the first box and the second box, i guess this is the padding, but i have no idea why it does it, the code im using is:

    Code:
    .mainlarge {
    	width: 400px;
    	height: 125px;
    	margin: 0px;
    	padding: 0px;
    	float: left;
    	}
    	
    .mainlargetop {
    	width: 394px;
    	height: 18px;
    	margin: 0px 0px 0px 0px;
    	padding: 3px 3px 3px 3px;
    	background-color: #30678a;
    }
    	
    .mainlargebottom {
    	width: 394px;
    	height: 100px;
    	margin: 0px 0px 0px 0px;
    	padding: 3px 3px 3px 3px;
    	background-color: #007ab0;
    }
    And the HTML code is:

    Code:
    <div class="mainlarge">
    <div class="mainlargetop">
      <h1>welcome</h1>
    </div>
    <div class="mainlargebottom"></div>
    </div>
    any advice is greatly appreciated!

    Thanks

    oh and ignore the fact the other boxes are different height (that does not effect it just havent changed it all back yet after trying to solve the error)

  2. #2
    Join Date
    Oct 2002
    Posts
    13,277
    Your right it shows fine for me In Ie6 (Cant test in ie7)

    Can you modify the code and offset it to compensate with IE7? (And just have the site detect if a user is on IE7 and if so goto the modified code to show it right.)

    Good luck





    Tinyurl is the answer for posting long urls!!!

  3. #3
    thats the problem i couldn't get it to work in ie7 without using overflow which completely messed up my padding, surely im just being stupid or something?

    Thanks anyway.

  4. #4
    Join Date
    Apr 2005
    Posts
    501
    I don't see any difference in FF, IE6 or 7. Do you want the gap removed? The 'gap' is caused by your border-left.
    Last edited by drhowarddrfine; 10-25-2006 at 08:09 PM.

  5. #5
    very very weird!

    on my ie7 on pc downstairs, freshly downloaded it doesn't show like that,

    are you guys running it on xp? as i noticed the ie7 that came with vista beta works properly!

    Any ideas why one ie7 is showing it different to others?

  6. #6
    i no there is a border left gap, i will take a screeny when i get home later and show you

  7. #7
    Join Date
    Apr 2005
    Posts
    501
    IE7 is somewhat improved over IE6 but light years behind any other browser.
    IE7 is nine years behind the standards or wrong.
    But it works in IE!
    "IE is a cancer on the web" -- Paul Thurott
    "Avoid hacker-bait apps like Internet Explorer" -- Kevin Mitnick

  8. #8
    thats not answering the question but thanks anyway!

    anyone know the answer to this?

  9. #9
    Join Date
    Apr 2005
    Posts
    501
    Then I'm confused about the problem. You said the boxes were touching in all browsers but IE7. I said they aren't touching anywhere but the gap is caused by the border. You said you would supply a screenshot so I still don't know what the problem is.
    IE7 is nine years behind the standards or wrong.
    But it works in IE!
    "IE is a cancer on the web" -- Paul Thurott
    "Avoid hacker-bait apps like Internet Explorer" -- Kevin Mitnick

  10. #10
    there is a 1px border yes, but the two boxes on the far left do not even touch closesly they are about 6 pxs away, and the other top boxes do the same.

    does that make sense

  11. #11
    Just installed ie7 on a computer that hadn't had the beta installed, the site shows fine, i have solved the problem, i uninstalled it on the other one and and reinstalled but the errors still show so I guess that its todo with what the original betas installed and somehow has not properly been removed?

  12. #12
    Join Date
    Oct 2002
    Posts
    13,277
    I viewed it on WIN98se IE6 and it was fine





    Tinyurl is the answer for posting long urls!!!

  13. #13
    yeh it ran on those fine, i think it was just one of my pcs

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •