Reply
Problems in internet explorer 7
Old 11-11-2006, 12:20 PM Problems in internet explorer 7
Skilled Talker

Posts: 57
Hi there,

I have just updated to internet explorer 7 and whilst I'm fairly impressed my site now has some faults...

Firstly the height of the site is duplicated and there is lots of whitespace in the mainframe area and secondly a margin i put along the left side of my right side div is now not displaying!!

Would appreciate any ideas as to what to change to get this right in IE7 aswell as styaing ok in IE6...

I only just mastered it for IE6!! Doh!

Thanks!

Here is my css below...

Code:
* {
 padding: 0;
 margin: 0;
}
body {
 background-color: #E8F0FF;
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 11px;
}
#wrapper {
 width: 804px;
 margin: 0 auto;
 Apply overflow: hidden;
}
#navbar {
 border: 1px solid #ccc;
 margin: 0px 5px 0px 5px;
 padding: 4px;
 background-color: #FFFFFF;
}
#header {
 /*border: 1px solid #ccc;*/
 margin: 20px 5px 0px 5px;
 height: 122px;
 padding: 10px;
 background-color: #FFFFFF;
 background-image: url(../Images/Header.jpg); background-repeat: no-repeat; 
}
#leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 0 0px 0px 5px;
 display: inline; /* IE Hack */
 width: 20%;
 float: left;
 min-height: 690px;
 padding: 5px;
 /*border: 1px solid #ccc;*/
 background-color: #FFFFFF;
 background-image: url(../Images/COLUMN.jpg); background-repeat: no-repeat;
 padding-bottom: 10000px;
 margin-bottom: -10000px;
}
* html #leftcolumn {height:690px} /* IE Min-Height Hack */ 

#centercolumn { /* Parent Wrapper for inside boxes */
 /*border: 1px solid #ccc;*/
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 5px;
 width: 55%;
 float: left;
 min-height: 690px;
 background-color: #FFFFFF;
 padding-bottom: 10000px;
 margin-bottom: -10000px;
}

#centercolumn2 { /* Parent Wrapper for inside boxes */
 /*border: 1px solid #ccc;*/
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 6px;
 width: 76%;
 float: left;
 min-height: 690px;
 background-color: #FFFFFF;
 padding-bottom: 10000px;
 margin-bottom: -10000px;
}
* html #centercolumn {height:690px} /* IE Min-Height Hack */ 

#rightcolumn {
 margin: 0 5px 0px 0px;
 padding: 5px;
 display: inline; /* IE Hack */
 width: 20%;
 float: left;
 /*border: 1px solid #ccc;*/
 background-color: #FFFFFF;
 min-height: 690px;
 padding-bottom: 10000px;
 margin-bottom: -10000px;
}
* html #rightcolumn {height:690px} /* IE Min-Height Hack */ 

#footer {
 background-color: #FFFFFF;
 margin: 0px 5px 5px 5px;
 display: inline; /* IE Hack */
 padding: 4px;
 float: left;
 width: 97.7%;
}
#adverts {
 padding: 8px;
 float: left;
 width: 97.7%;
}

Last edited by The Hick Man : 11-18-2006 at 10:04 AM.
The Hick Man is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 11-13-2006, 02:31 PM Re: Problems in internet explorer 7
Mooofasa's Avatar
Defies a Status

Posts: 1,612
Name: Michael (mik) Land
Location: England
I don't have IE7 so I can't tell what the problem is directly, but try looking at this site about the white space problem.

http://veerle.duoh.com/blog/comments...hantom_spaces/
__________________
Tumblings.co.uk - Tumblog with thoughts, quotes, links, videos, images and my creations.
Opera Browser - The best free web browser.
Opera Dev Tools - Firefox is now Firefail.
Mooofasa is offline
Reply With Quote
View Public Profile Visit Mooofasa's homepage!
 
Old 11-13-2006, 03:22 PM Re: Problems in internet explorer 7
LadynRed's Avatar
Super Moderator

Posts: 6,553
Location: Tennessee
For one thing, you're going to have to eliminate the CSS hacks from your main CSS file and use conditional comments to target versions below IE 7. The *html hack won't work in IE 7, as is the same problem with most hacks we had.

I now use 3 CSS files for every page - a main that holds all the CSS for standards-compliant browsers, an "iefixes" css file for hacks for older versions, and an "ie7fixes" file for any needed IE 7 'hacks' (which I haven't needed.. yet).

You might want to read this article:
http://www.positioniseverything.net/...-dehacker.html
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-14-2006, 04:05 AM Re: Problems in internet explorer 7
Skilled Talker

Posts: 57
Thanks for the advice and links guys...

I like the 3 different css files idea...

Never imagined web design would be so querky when I decided to attempt it...

Trying to get a site that looks good in different browsers, resolutions and user preferences is soooo difficult!!!

The journey continues...
The Hick Man is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Problems in internet explorer 7
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.13066 seconds with 12 queries