Forums | MacLife
You are not logged in.
#1 2008-02-03 10:30 pm
CSS Web Browser Problems
I'm having problems with the light blue vertical bar (behind the left side Nav bar) filling the entire height of the layout. It works OK with some browsers but not Internet Explorer (of course). It does not look correct in either IE 6 or 7 (preview in Firefox or Safari to see how it should look).
These pages use CSS DIVs for Layout. Any suggestions on how to fix it, so the pages display better, are appreciated.
Thanks in advance.
http://adamjg2.tripod.com/harrington_da … /index.htm
Last edited by adamjg (2008-02-06 9:03 pm)
Offline
#2 2008-02-03 11:56 pm
Re: CSS Web Browser Problems
This will definitely work in IE7, and I believe(but am not sure) that it will work in IE6.
Add this to the bottom of your styles:
Code:
/* IE SUCKS \*/
#body {
height: 1px;
min-height: 1px;
height: auto;
}
/* */
Offline
#3 2008-02-04 12:06 am
- FutureDreamz
- 1.1.2.3.5.8.13.21.34.55
- From: カナダ
- Registered: 2007-01-07
- Posts: 4502
Re: CSS Web Browser Problems
and don't forget the IE SUCKS part.
Thanks for clicking.
Offline
#4 2008-02-04 10:38 am
Re: CSS Web Browser Problems
matt wrote:
This will definitely work in IE7, and I believe(but am not sure) that it will work in IE6.
Add this to the bottom of your styles:Code:
/* IE SUCKS \*/ #body { height: 1px; min-height: 1px; height: auto; } /* */
why do you have both height: 1px; AND height: auto; at the same time?
Thanks
Offline
#6 2008-02-04 2:40 pm
Re: CSS Web Browser Problems
adamjg wrote:
matt wrote:
This will definitely work in IE7, and I believe(but am not sure) that it will work in IE6.
Add this to the bottom of your styles:Code:
/* IE SUCKS \*/ #body { height: 1px; min-height: 1px; height: auto; } /* */why do you have both height: 1px; AND height: auto; at the same time?
Thanks
See how the first line is commented out in a strange way? Only IE will pay attention to what's between that and the last line.
Forcing IE divs to wrap around their content is sometimes difficult. Using both should make IE handle them correctly. I copied your page and added the code, and it looked like it should in IE7.
It's just one of those tricks to make IE act like other browsers.
Offline
#7 2008-02-04 3:43 pm
Re: CSS Web Browser Problems
matt wrote:
adamjg wrote:
matt wrote:
This will definitely work in IE7, and I believe(but am not sure) that it will work in IE6.
Add this to the bottom of your styles:Code:
/* IE SUCKS \*/ #body { height: 1px; min-height: 1px; height: auto; } /* */why do you have both height: 1px; AND height: auto; at the same time?
ThanksSee how the first line is commented out in a strange way? Only IE will pay attention to what's between that and the last line.
Forcing IE divs to wrap around their content is sometimes difficult. Using both should make IE handle them correctly. I copied your page and added the code, and it looked like it should in IE7.
It's just one of those tricks to make IE act like other browsers.
/* IE SUCKS \*/
This part is what IE sees for itself because it has IE in the name? I assume that the sucks part, it ignores (or maybe takes offense to).
Offline
#8 2008-02-04 4:02 pm
Re: CSS Web Browser Problems
Not the words "IE SUCKS", but the way the comment is made, with /* and \*/
You could have anything between the comment marks.
Offline
#9 2008-02-04 8:38 pm
Re: CSS Web Browser Problems
Oh, I thought "IE SUCKS" was new branding concept.
Anyway, I updated the site and the fixes seems to work well with IE 7. However, IE 6 is another story -- not looking quite right.
And I keep having to hop between different PCs to test it. Is there no free and easy way to get IE 6 and 7 on the same machine for testing purposes? I don't even want to look further back than 6.
Last edited by adamjg (2008-02-06 9:45 am)
Offline
