[css-d] IE problem - floats won't align
Hi, I am having trouble getting something very basic to render in IE. http://www.glyszc.cn/tours.html http://www.glyszc.cn/prices.html (pretty much the same page, with the same ID tags) http://www.glyszc.cn/styles/one.css Two simple columns in the main content. Render how I'd like in Safari4, but get messed up by IE. Safari-4 is OK, any other browsers out there, I would like the feedback. Thanks, Chris __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem - floats won't align
Chris Blake wrote:
Hi,
I am having trouble getting something very basic to render in IE.
http://www.glyszc.cn/tours.html
Two simple columns in the main content. Render how I'd like in
Safari4, but get messed up by IE.
Thanks, Chris
This will should help bring Opera, SeaMonkey, Camino, and IE/6/7/8 on-board.
.twoColFixLtHdr #mainContent { border: 1px solid red; overflow:hidden;
/*margin: 0 100 0 190px;*/
/*padding: 0 100px; */
}
.twoColFixLtHdr #mainContent #shows { border: 1px solid red;
overflow:hidden; width: 408px;
/*width: 550px;*/
/*height: 200px;*/
}
.twoColFixLtHdr #mainContent #shows img{ border: 1px solid red;
float: left;
margin-bottom: 5px;
}
.twoColFixLtHdr #mainContent #shows #left{ border: 1px solid blue;
width: 150px;
float: left;
}
.twoColFixLtHdr #mainContent #shows #right{ border: 1px solid red;width:
150px;
float: right;
}
To fix the left column navigation block, you will need to validate the
CSS (try shorthand properties).
BTW, Conditional Comments go in the head of the document immediately
below the linked style sheet-- *not in the style sheet.*
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem - floats won't align
I think I have fixed it now - feedback please. On 28/06/2009, at 11:50 PM, Chris Blake wrote: Hi, I am having trouble getting something very basic to render in IE. http://www.glyszc.cn/tours.html http://www.glyszc.cn/prices.html (pretty much the same page, with the same ID tags) http://www.glyszc.cn/styles/one.css Two simple columns in the main content. Render how I'd like in Safari4, but get messed up by IE. Safari-4 is OK, any other browsers out there, I would like the feedback. Thanks, Chris __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem - floats won't align
Chris Blake wrote: I think I have fixed it now - feedback please. http://www.glyszc.cn/tours.html 2:17p O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS (and markup). __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem - floats won't align
--- On Sun, 6/28/09, David Laakso da...@chelseacreekstudio.com wrote: From: David Laakso da...@chelseacreekstudio.com Subject: Re: [css-d] IE problem - floats won't align To: Chris Blake ch...@3pointdesign.com Cc: css discuss discuss css-d@lists.css-discuss.org Date: Sunday, June 28, 2009, 6:16 PM Chris Blake wrote: I think I have fixed it now - feedback please. http://www.glyszc.cn/tours.html 2:17p O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS (and markup). ___ This isn't related to your float problem, but I noticed that the background color that shows on your header image (just behind the upper rounded corners) doesn't match the body background color when I view it in Firefox 3, but matches in Safari 3. Why does this happen? Is there a way to correct it? Rod Castello ___ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem - floats won't align
On 29/06/2009, at 3:53 AM, Rod Castello wrote: --- On Sun, 6/28/09, David Laakso da...@chelseacreekstudio.com wrote: From: David Laakso da...@chelseacreekstudio.com Subject: Re: [css-d] IE problem - floats won't align To: Chris Blake ch...@3pointdesign.com Cc: css discuss discuss css-d@lists.css-discuss.org Date: Sunday, June 28, 2009, 6:16 PM Chris Blake wrote: I think I have fixed it now - feedback please. http://www.glyszc.cn/tours.html 2:17p O.K. Firefox, Opera, Camino, SeaMonkey, IE/6/7/8. Validate the CSS (and markup). ___ This isn't related to your float problem, but I noticed that the background color that shows on your header image (just behind the upper rounded corners) doesn't match the body background color when I view it in Firefox 3, but matches in Safari 3. Why does this happen? Is there a way to correct it? Rod Castello in illustrator it's #66 but in safari i had to change bground to #5 to get a closer match. file type difference maybe? not had this problem before. ___ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE problem - floats won't align
On 29/06/2009, at 3:53 AM, Rod Castello wrote: This isn't related to your float problem, but I noticed that the background color that shows on your header image (just behind the upper rounded corners) doesn't match the body background color when I view it in Firefox 3, but matches in Safari 3. Why does this happen? Is there a way to correct it? Rod Castello Chris Blake responded: in illustrator it's #66 but in safari i had to change bground to #5 to get a closer match. file type difference maybe? not had this problem before. This sounds like a problem with the color profile used by Illustrator. See this article for an explanation: http://www.gballard.net/psd/srgbforwww.html Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
