Re: [css-d] I think I need some hacks for IE...?
Thank you Phillippe, those changes made all the difference to the layout. Now I will work on the top navigation with the file you sent. I really wanted to make the top tab with the navigation expand if or when somebody increased the text size, but I couldn't get it to work. On 4/19/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: A first problem: you are better off declaring a width for the sidebar (#corkboardnav). setting it to the width of the image (173px) would work fine, I think. Second problem: the main contents area becomes to wide in IE. The reason is the width you have declared on your h2. Deleting that width (leave it to the default) fixes that problem, and the main content area jumps back in place. The 3rd problem I see is that navigation box on top of the page. You rely on a couple of properties (min-height, max-height, max-width) that are not supported by IE windows (nor IE mac). You'll need a different approach for this. like floating the mainbox to the right. I'll sent you a modified file off-list. IE win also does not understand the value 'transparent' for border. You'll need to use the background-color instead. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
When I view the modified file, the navigation buttons get stretched across the entire tab in IE/mac (v 5.2). I am on a Mac, and right now I don't have access to a PC... so I'm not sure if this works on the PC version of IE. It looks fine in Safari and Firefox still. This is the original: http://beesknees.net/Imagine/index_test.html and this is the modified: http://beesknees.net/Imagine/imagine.html I had this problem when I first started writing for this navigation, and ended up doing something that didn't seem to make sense that fixed it, like aligning the text in one of the divs to the right, which kept it from stretching. Now it is fixed for Mozilla, but not for IE! Thanks again, GypsiiRose - attached, a modified html file, I've added some comments, starting with /* phiw: next to the things I changed. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
On Apr 20, 2006, at 3:23 PM, GypsiiRose Baptiste wrote:
When I view the modified file, the navigation buttons get stretched
across
the entire tab in IE/mac (v 5.2). I am on a Mac, and right now I
don't have
access to a PC... so I'm not sure if this works on the PC version
of IE. It
looks fine in Safari and Firefox still.
This is the original: http://beesknees.net/Imagine/index_test.html
and this is the modified: http://beesknees.net/Imagine/imagine.html
Oops, I knew I forgot one.
IE Mac is an old browser, and works according to the CSS 2.0 specs,
which *requires* a float to have width declared [1]. Other, more
modern browsers do some shrink wrapping in this case, but not IE Mac.
This will fix it:
/*\*//*/
#mainnav a {float:left;}
/**/
That weird looking comment on the first line is a kind of filter [2];
only IE Mac can see past it. after the rule, add another comment to
close the filter.
IE win is not affected by this problem.
Put that a the end of your stylesheet, and you'll be good to go.
[1] http://www.l-c-n.com/IE5tests/float2misc/#flwidth
[2] http://www.l-c-n.com/IE5tests/hiding/#anshow
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
Oh my goodness, perfect!
And I very much appreciate all the notes and links you included. I like to
understand why I am doing something. So often, the books I have been
reading don't explain the why behind the code, which is frustrating when I
am trying to apply their techniques to other projects.
One last thought, I have tested this on a Mac, in that old cruddy browser
IE, and in Firefox and Safari, and on a PC in IE (you say it works!) and in
Firefox. is there anything else I should be testing in? Do people still
test for Opera?
Thank you so much,
GR
On 4/19/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote:
On Apr 20, 2006, at 3:23 PM, GypsiiRose Baptiste wrote:
When I view the modified file, the navigation buttons get stretched
across
the entire tab in IE/mac (v 5.2). I am on a Mac, and right now I
don't have
access to a PC... so I'm not sure if this works on the PC version
of IE. It
looks fine in Safari and Firefox still.
This is the original: http://beesknees.net/Imagine/index_test.html
and this is the modified: http://beesknees.net/Imagine/imagine.html
Oops, I knew I forgot one.
IE Mac is an old browser, and works according to the CSS 2.0 specs,
which *requires* a float to have width declared [1]. Other, more
modern browsers do some shrink wrapping in this case, but not IE Mac.
This will fix it:
/*\*//*/
#mainnav a {float:left;}
/**/
That weird looking comment on the first line is a kind of filter [2];
only IE Mac can see past it. after the rule, add another comment to
close the filter.
IE win is not affected by this problem.
Put that a the end of your stylesheet, and you'll be good to go.
[1] http://www.l-c-n.com/IE5tests/float2misc/#flwidth
[2] http://www.l-c-n.com/IE5tests/hiding/#anshow
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
GypsiiRose Baptiste wrote: Is there anything else I should be testing in? Do people still test for Opera? Thank you so much, GR You are fine in Opera on my end, in both XP and Xandros Linux on XP. ~dL PS Is there anything other than Opera? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
aaah, thank you! I'm glad it works in Opera. sorry if I offended you, I guess I live a little too close to Mtn View, you know - where the Mozilla offices are! I must be brainwashed... On 4/20/06, ~davidLaakso [EMAIL PROTECTED] wrote: You are fine in Opera on my end, in both XP and Xandros Linux on XP. ~dL PS Is there anything other than Opera? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
GypsiiRose Baptiste wrote: aaah, thank you! I'm glad it works in Opera. sorry if I offended you, I guess I live a little too close to Mtn View, you know - where the Mozilla offices are! I must be brainwashed... Probably :-) Civilized Opera-users are not easily offended. They know their browsers are outmaneuvering Mozilla/Fx on almost any task - and the rest doesn't matter all that much ;-) Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
On 4/20/06 2:49 AM, GypsiiRose Baptiste [EMAIL PROTECTED] wrote: Do people still test for Opera? Looks good in Opera Mac too. I recommend Opera Mac. Try this version: http://snapshot.opera.com/mac/m90b1.html -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I think I need some hacks for IE...?
Hi all, I've written out a page in CSS, and it seems to work fine in mozilla (mac PC), but it breaks in IE on a PC (haven't tested it on a mac in IE). I'm relatively new to CSS, as far as trying to lay out the whole page with CSS (no tables) and I'm a bit confused about how/where to use the hacks I've been reading about. (like the box model hack) I would appreciate if you could look at my code and help me fix it! Here's the link: http://beesknees.net/Imagine/index_test.html Thanks, GypsiiRose __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
Use conditional comments instead of hacks, They save you a lot of time/headaches. :) ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
Thanks Shelly do you have a link? I did a google search and didn't come up with much... some weird lyrics :P thanks! gypsiirose On 4/19/06, Design Groups [EMAIL PROTECTED] wrote: Use conditional comments instead of hacks, They save you a lot of time/headaches. :) ~Shelly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
Sorry, I googled for unconditional instead of conditional. It's been a long day! Later, I plan to remove the CSS from the page and have it in a seperate file. So I don't think the conditional comments will work...? please correct me if I'm wrong. Also, I don't understand how to use these to keep the page from breaking. Any help would be appreciated :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
On 4/19/06, GypsiiRose Baptiste [EMAIL PROTECTED] wrote: Sorry, I googled for unconditional instead of conditional. It's been a long day! Later, I plan to remove the CSS from the page and have it in a seperate file. So I don't think the conditional comments will work...? please correct me if I'm wrong. Also, I don't understand how to use these to keep the page from breaking. Any help would be appreciated :) Since you are new to CSS, it's very important that you actually understand what the problems are before you go about hacking or serving different CSS in a conditional comment. I'm actually a little dissappointed that anyone would encourage a beginner to use hacks or conditional comments. Both are a last resort! Please identify the bugs you have in IE and send us a new thread with the problems so we can see if they can be fixed without any hacks at all. This will be much more helpful for you and you'll learn a lot more. Then, if they do happen to be problems that needs hacks or conditional comments, we'll give you the actual CSS you need to write for it. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I think I need some hacks for IE...?
On Apr 20, 2006, at 7:13 AM, GypsiiRose Baptiste wrote: Hi all, I've written out a page in CSS, and it seems to work fine in mozilla (mac PC), but it breaks in IE on a PC (haven't tested it on a mac in IE). I'm relatively new to CSS, as far as trying to lay out the whole page with CSS (no tables) and I'm a bit confused about how/where to use the hacks I've been reading about. (like the box model hack) I would appreciate if you could look at my code and help me fix it! Here's the link: http://beesknees.net/Imagine/index_test.html A first problem: you are better off declaring a width for the sidebar (#corkboardnav). setting it to the width of the image (173px) would work fine, I think. Second problem: the main contents area becomes to wide in IE. The reason is the width you have declared on your h2. Deleting that width (leave it to the default) fixes that problem, and the main content area jumps back in place. The 3rd problem I see is that navigation box on top of the page. You rely on a couple of properties (min-height, max-height, max-width) that are not supported by IE windows (nor IE mac). You'll need a different approach for this. like floating the mainbox to the right. I'll sent you a modified file off-list. IE win also does not understand the value 'transparent' for border. You'll need to use the background-color instead. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
