[css-d] Background missing in IE
Pls see http://www.neelamindore.com/1.html The background (gif image, not png) appears in FF but not IE incl. IE7. Strange. Grateful for help. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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] Site check please :Arun Dixit:
David Laakso wrote: Jehangir Larry wrote: David Laakso wrote: Jehangir Larry wrote: Re: www.arundixit.com Firefox displays as intended. IE6 and IE7 do not display header background. Additionally, IE6 does not center content.s of #inner. Appreciate advice/ suggestions for above. Also, a general site check please. Thanks. Thanks, as usual. I have implemented the suggestions (including border: fuchsia ;-)), but as yet, no go in both IE6 IE7. Maintaining status quo...till I hear further? Seems to work (more or less) in IE/6.0 and IE/7.0 on this end: xp/ie on mac os x 10.4.11. Please see: http://chelseacreekstudio.com/ca/cssd/lj.html Regards, ~dL ...certainly does on IE/Win XP too. Let me recheck /compare the CSS on your file with mine. A million thanks, kind Sir. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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-d] Site check please :Arun Dixit:
Re: www.arundixit.com Firefox displays as intended. IE6 and IE7 do not display header background. Additionally, IE6 does not center content.s of #inner. Appreciate advice/ suggestions for above. Also, a general site check please. Thanks. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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-d] IE6 - Sperling Vertical Menu
Pls see www.nayanindore.com The menu works first time in IE6 (XP) and then freezes! Grateful for suggestions to make it work. Thanks. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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] IE6 - Sperling Vertical Menu
David Laakso wrote: Jehangir Larry wrote: Pls see www.nayanindore.com The menu works first time in IE6 (XP) and then freezes! Grateful for suggestions to make it work. Thanks. There is a reason why some of us try to avoid menus such as those. Isolate the menu (pull the menu from the page, and put it on another page all by itself). 1/ If you have the same problem with it isolated, go back to Sperling's original and start from scratch. 2/ If, when isolated, there is no problem, then there may be a js script (or css) conflict between the menu and the page it is in. Best, ~dL PS If all else fails, keep it simple: http://css.maxdesign.com.au/listamatic2/vertical02.htm Shall revert soon. Appreciate suggestion. Thanks. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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-d] Site Check ::Nayan Indore::
Compliments of the season. I have issues in IE (XP) with faux-columns - www.nayanindore.com The style4ie.css is courtesy Mr. David Laakso--Mr. Georg Sortun. Menu from Mr. Tedd Sperling. Appreciate site-check cross browser; and all advise. Thanks. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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] Site Check ::Nayan Indore::
David Laakso wrote: Jehangir Larry wrote: Compliments of the season. I have issues in IE (XP) with faux-columns - www.nayanindore.com Appreciate site-check cross browser; and all advise. Thanks. #page{background-color: #f8f8e1;}--- add the background-color :: #outer{height:1%;} -- add height: 1%; to each (you may not need it on all four :: #wrapper{height:1%;} #container{height:1%;} #content{height:1%;} IE/6.0 dose not seem to be honoring min/max width. --You are calling the style sheet for it style4ie.css twice. Leave only the one that is in the CCs for IE6: Re-write the CC for IE 6 and down to read: !--[if lte IE 7] ![endif]-- Please note I have /not/ tested any iof the above. Good luck. ~dL Thank you. These two words say it all. It now works - even in IE6, at text Largest. Most grateful. I would appreciate a web-link to understand (if possible ;-)) the 1% hack and the stuff in style4ie.css . Perhaps Molly... A Happy 2008 to all. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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] Site Check ::Nayan Indore::
David Laakso wrote: Jehangir Larry wrote: David Laakso wrote: Jehangir Larry wrote: Compliments of the season. I have issues in IE (XP) with faux-columns - www.nayanindore.com Appreciate site-check cross browser; and all advise. Thanks. #page{background-color: #f8f8e1;}--- add the background-color :: #outer{height:1%;} -- add height: 1%; to each (you may not need it on all four :: #wrapper{height:1%;} #container{height:1%;} #content{height:1%;} IE/6.0 dose not seem to be honoring min/max width. --You are calling the style sheet for it style4ie.css twice. Leave only the one that is in the CCs for IE6: Re-write the CC for IE 6 and down to read: !--[if lte IE 7] ![endif]-- Please note I have /not/ tested any iof the above. Good luck. ~dL Thank you. These two words say it all. It now works - even in IE6, at text Largest. Most grateful. I would appreciate a web-link to understand (if possible ;-)) the 1% hack and the stuff in style4ie.css . Perhaps Molly... A Happy 2008 to all. Good. Georg Sortun is better at explaing this stuff than me, but anyway-- height : 1%;, or min-height : 0; could have been used as well, are hasLayout triggers to give layout (make win/IE -- IE /7 -- in this instance, behave dimensionally). It is a complex and most difficult concept that is well explained here: http://www.satzansatz.de/cssd/onhavinglayout.html Min/max width is not supported in IE 6 and down. Georg explains the work around used in your style sheet style4ie.css for IE 6 here: http://www.gunlaug.no/contents/wd_additions_14.html HTH. Best, ~d Many thanks again. BTW, the menu has now stopped working in IE6! Is Tedd listening?! -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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] Site Check ::Nayan Indore::
Rahul Gonsalves wrote: On 26-Dec-07, at 7:03 PM, Jehangir Larry wrote: www.nayanindore.com Your list bullets ( Nayan Optiks, et al.) could use a little more padding on most OS X browsers. I found your menu a little less than obvious, but that is a fairly subjective thing. In Firefox 2/OS X, the 'Y' in your logo seems to be getting cut off. Perhaps adjusting the margins/padding around that character will help? Best, - Rahul. Thanks, Rahul. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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-d] IE Font Size issue
I have a test page at: http://www.jehangirlarry.com/test.php I am unable to reduce the font size in any version of IE. FF/Opera are OK. Many thanks. -- Jehangir Larry __ css-discuss [EMAIL PROTECTED] 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 Font Size issue
Other sites show OK in all versions of IE with me. Are you suggesting I remove and re-install IE? Thanks. JL Original Message From: Rafael To: Jehangir Larry Cc: css-d@lists.css-discuss.org Sent: Sunday, September 16, 2007 12:38 PM Subject: Re: [css-d] IE Font Size issue There's a problem with your IE(s). I can resize the font both in IE 6 7 (Win XP Pro 64). Jehangir Larry wrote: I have a test page at: http://www.jehangirlarry.com/test.php I am unable to reduce the font size in any version of IE. FF/Opera are OK. Many thanks. __ css-discuss [EMAIL PROTECTED] 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 Font Size issue
Perhaps I need to restate the issue. I have specified a font-size of 80% in the embedded CSS. FF/Opera will show this reduced size. IE (all versions) do not display the reduced size. I am not talking about user font resizing. Trust that clears it. Thanks. JL Original Message From: Rafael To: Jehangir Larry Cc: css-d@lists.css-discuss.org Sent: Sunday, September 16, 2007 12:38 PM Subject: Re: [css-d] IE Font Size issue There's a problem with your IE(s). I can resize the font both in IE 6 7 (Win XP Pro 64). Jehangir Larry wrote: I have a test page at: http://www.jehangirlarry.com/test.php I am unable to reduce the font size in any version of IE. FF/Opera are OK. Many thanks. __ css-discuss [EMAIL PROTECTED] 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 Font Size issue
David Laakso wrote: Jehangir Larry wrote: I have a test page at: http://www.jehangirlarry.com/test.php I am unable to reduce the font size in any version of IE. FF/Opera are OK. Many thanks. -- Jehangir Larry I see relatively little difference in a side by side comparison with the above browsers and any version of IE at text-size medium. ~dL My fault, not explaining the issue at length. I have now posted another full page at http://www.jehangirlarry.com/makhija/test.php When seen in FF/Opera/Safari (PC) the #header-sub (~Engineers Contractors~) appears as intended. In IE (all) - PC, it appears huge. Atleast here. Thanks for all replies on/off line. JL __ css-discuss [EMAIL PROTECTED] 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 Font Size issue
David Laakso wrote: Jehangir Larry wrote: David Laakso wrote: Jehangir Larry wrote: I have a test page at: http://www.jehangirlarry.com/test.php I am unable to reduce the font size in any version of IE. FF/Opera are OK. Many thanks. -- Jehangir Larry I see relatively little difference in a side by side comparison with the above browsers and any version of IE at text-size medium. ~dL My fault, not explaining the issue at length. I have now posted another full page at http://www.jehangirlarry.com/makhija/test.php When seen in FF/Opera/Safari (PC) the #header-sub (~Engineers Contractors~) appears as intended. In IE (all) - PC, it appears huge. Atleast here. Thanks for all replies on/off line. JL You explained it just fine the first time. The problem may be a setting on your end as it functions normaly here in IE6 and IE7. Best, ~dL PS You may want to validate the markup and css. Well, that is a relief. Yes I shall validate. Thanks again folks. __ css-discuss [EMAIL PROTECTED] 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 6 sticky bug
Jed Arnold wrote: I'm working on a site and wanted to make the default page more dynamic by adding CSS image pop-ups to my h1 links. I adapted code from Nathan Smith's HoverBox technique. My code is working fine in FF, IE 7/Win, Opera and Moz, but IE 6/Win is giving me a problem. The images (initiated by a:hover) are staying on the screen in IE6. The images are squashed, I haven't loaded new size-specific images yet. The site can be viewed here, http://the1912gallery.ehc.edu/music/newsite/textlinktest.html. The CSS is embedded. Any ideas or help? Thanks in advance. Best, Jed Using Nathan's IE fixes, you may add the following lines to the 'head' and the rest in an external stylesheet. !--[if IE] link rel=stylesheet href='css/ie_fixes.css' type=text/css media=screen, projection / ![endif]-- /* =Internet Explorer Fixes --*/ .hoverbox a { position: relative; } .hoverbox a:hover { display: block; font-size: 100%; z-index: 1; } .hoverbox a:hover .preview { top: -38px; left: -50px; } .hoverbox li { position: static; }HTH -- Jehangir Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE 6 problem
Bruno Fassino wrote: Jed Arnold wrote: I'm working on a site and wanted to make the default page more dynamic by adding CSS image pop-ups to my h1 links. I adapted code from Nathan Smith's HoverBox technique. My code is working fine in FF, IE 7/Win, Opera and Moz, but IE 6/Win is giving me a problem. The images (initiated by a:hover) are staying on the screen in IE6. [...] The site can be viewed here, http://the1912gallery.ehc.edu/music/newsite/textlinktest.html IE frequently has such stuck on hover effects. Some cases are mentioned here [1], but your looks different. I would try wrapping the images in a span and moving the preview class on the span: span class=previewimg src=... //span If you want to maintain the current size for the images you should then change your .joverbox .preview { width: 300px; height: 50px; } rule into .joverbox .preview img { ... } hth, Bruno [1] http://www.satzansatz.de/cssd/pseudocss.html#hoverstuck Possibly you have a solution here: http://archivist.incutio.com/viewlist/css-discuss/83533 with a great explanation from Georg. It worked for me beautifully. Best, Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE6 Horizontal Menu - Last Item
Sorry if I wasted your time. The error is resolved. Thanks. _j[_ Larry Jehangir Larry wrote: Please see the horizontal menu at www.teerthyatri.com in IE6. All others are fine :-) As such, it looks/behaves fine even here. But if the last 2 menu items - Contact and Services - are interchanged, so as to make Contact the very last menu item, IE6 goes crazy. Contact now becomes a bare 'list-item-with-bullet' - no dressing! Why? It is also not as if the presence of sub-items will remedy this. Even if some nested lists are added under Contact the problem persists. But interchange positions with Services and --presto its OK! Services kept as last item has no such problems that Contact does and is fine. I have no hassles leaving it as such but was wondering if there is an explanation/solution. BTW, Home and Maps are also without any nested items but seem to be doing fine. What gives with Contact ? Also, please remember that IE6 renders in quirks mode because of the xml declaration. I have tried both flavors, just to see, no avail. Many thanks and regards. _j[_arry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE6 Horizontal Menu - Last Item
Please see the horizontal menu at www.teerthyatri.com in IE6. All others are fine :-) As such, it looks/behaves fine even here. But if the last 2 menu items - Contact and Services - are interchanged, so as to make Contact the very last menu item, IE6 goes crazy. Contact now becomes a bare 'list-item-with-bullet' - no dressing! Why? It is also not as if the presence of sub-items will remedy this. Even if some nested lists are added under Contact the problem persists. But interchange positions with Services and --presto its OK! Services kept as last item has no such problems that Contact does and is fine. I have no hassles leaving it as such but was wondering if there is an explanation/solution. BTW, Home and Maps are also without any nested items but seem to be doing fine. What gives with Contact ? Also, please remember that IE6 renders in quirks mode because of the xml declaration. I have tried both flavors, just to see, no avail. Many thanks and regards. _j[_arry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Site Check ::Jehangir::
Ingo Chao wrote: Jehangir Larry wrote: Grateful for a site check http://www.teerthyatri.com Problem: FF2 on XP SP2 throws the google search box up towards the header; instead of below the navigation menu in left sidebar, as intended. IE7 shows it fine! The styles were not loaded at all because of a server misconfiguration, the css file was sent as text/html instead of text/css. For the search box problem: the form should clear the float. Ingo Thanks, Ingo. While cleaning up the CSS file I erased a rule set. Why did this omission not affect IE at all? Also, appreciate a cross browser check. Regards. _j[_ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Site Check ::Jehangir::
~davidLaakso wrote: Jehangir Larry wrote: Grateful for a site check http://www.teerthyatri.com Problem: FF2 on XP SP2 throws the google search box up towards the header; instead of below the navigation menu in left sidebar, as intended. IE7 shows it fine! Many TIA - _j[_ Larry The search box is working as intended. In IE/6.0 you are getting float drop at text-size largest (width issue?). This at the bottom of the style sheet (on a local file) seemed to help: * html .fast #main {width:675px;} If you are into trivial and esoteric style pursuits, try: For home page elsewhere if there is a similar note, try: From: html/css p class=noteJust feel free to ask and we promise you, we shall deliver.br / emEvery time/em./p .note {width:150px; margin: 20px; float: right; text-align:left; color:#801E31; font-size: 85%; border:#f7f6ef thin outset;} To: html/css div id=note pJust feel free to ask and we promise you, we shall deliver.br / strongEvery time/strong./p /div div#note {width:150px; margin: 0 20px 20px 20px; float: right; text-align:left;} div#note p {background-color: inherit; border: 3px double #cda; color: #954a4a; margin: 0; padding: 15px 6px 1.25em 20px; font-size: 85%; } div#note p:hover { border: 3px double #c63; }/*for compliant browsers and even ie/7.0*/ The footer may be more complex than necessary? See if replacing the current styles with these is to your liking: #footer {background-color: #E0E0C0; color: inherit; border-top: 3px double #a08a5b; clear: both; text-align: center;padding-top: 6px;} #footer .nav ul {margin: 0; padding: 2px 0 7px 0; list-style:none; text-transform:uppercase;} #footer .nav ul.c1 { margin: 0; padding-top: 4px; padding-bottom: 5px; list-style:none; font-size: 85%; text-transform:none;} And you many want to consider bumping up the font-size of h2 (and the color) just a little. Best, ~dL Thanks very much, indeed. I have happily and gratefully adopted ALL your suggestions. They are neither trivial nor esoteric. The footer is the one that is not working for me but thats purely subjective. This list rocks because of contributors like you. Hurray. Regards. _j[_ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Site Check ::Jehangir::
~davidLaakso wrote: Jehangir Larry wrote: ~davidLaakso wrote: Jehangir Larry wrote: Grateful for a site check http://www.teerthyatri.com The footer is the one that is not working for me but thats purely subjective. Regards. _j[_ Then one or both of us has made a mistake somewhere along the line. I think the footer is supposed to be more like this: http://www.chelseacreekstudio.com/ca/cssd/larry.html Best, ~dL I did a cut and paste. It works! Great. This list can and will promote laziness - at this rate. Regards. _j[_ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Site Check ::Jehangir::
~davidLaakso wrote: Jehangir Larry wrote: ~davidLaakso wrote: J Grateful for a site check http://www.teerthyatri.com The footer is the one that is not working for me but thats purely subjective. Regards. _j[_ Then one or both of us has made a mistake somewhere along the line. I think the footer is supposed to be more like this: http://www.chelseacreekstudio.com/ca/cssd/larry.html Best, ~dL The footer is positioned correctly now and seems to be in order. Would you consider making the background-color of it (the footer) the same color as your sig image (so it blends in)? ~d Good idea. And implemented - pronto! Thank you. _j[_ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Site Check ::Jehangir::
Grateful for a site check http://www.teerthyatri.com Problem: FF2 on XP SP2 throws the google search box up towards the header; instead of below the navigation menu in left sidebar, as intended. IE7 shows it fine! Many TIA - _j[_ Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Site Check ::Jehangir::
Parag Jagdale wrote: I dont think your css is linked right - the styles are not applied at all. Parag No stylesheet is fine...please recheck? Thanks _j[_ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 Problems with Drop Down Menu
tedd wrote: Hi gang: The link: http://sperling.com/examples/menuh/ The problem: IE 5-6 required the csshover.htc to make this css technique work. In IE7 the menu works w/o the csshover.htc file, but only when the user's cursor is over the text in a menu item and it should be whenever the cursor is over any part of a menu item instead. I seem to remember a simple cure for such behavior in using a rule like display: block;, but I don't have IE7 to test this. Can anyone help? Thanks in advance for any assistance. Cheers, tedd The horizontal menu in the link you've given works fine in IE7. XP SP2 Best, _ _j[_ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE 6 alone scoffs
Please see report http://www.browsercam.com/public.aspx?proj_id=320273 for www.teerthyatri.com Except IE6 all OK. [Don't care about Netscape 4.] Grateful for advice. TIA _ Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
David Laakso wrote on 17/01/2007: Larry, I will reply directly to you off-list this evening or in the morning-- straight out at the moment... Regards, David -- http://chelseacreekstudio.com/ I wish to record my deep appreciation and very grateful thanks to David for an 'out of this world' experience. he has been incredibly patient and walked not just an extra mile, but several miles. Also, Georg and Molly t.c. - a big thanks. Best, Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
Please see http://www.jehangirlarry.com/andromedamockup.php The left hand menu appears centered horizontally in FF but not in IE [I am on IE7] Appreciate advice. This centering issue continues to confuse me. TIA Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
From: ~davidLaakso Try positioning the ul#navmenu declaration rather than #menu: Delete this ruleset: /*#menu {position:relative; padding:30px 0 0 22px; margin: 0 auto; background-color: fuchsia; }*/ Amend this ruleset: ul#navmenu { margin: 0 auto; delete margin: 30px auto 0 auto; add } BTW, you're getting some cross-over text overlap with a sidebar and/or with font-scaling. Regards, ~dL -- http://chelseacreekstudio.com/ Thanks, once again. Works very well. Does this then mean that the #menu was a superfluous div? Regards, Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
David Laakso wrote: In reference to your url: http://www.jehangirlarry.com/andromedamockup.php I /guess/ the reason why you may have had difficulty centering the list horizontally cross-browser is because of conflicting rules. Since ul#navmenu alone positions the list, #menu can probably be deleted from the markup. Best, ~dL http://chelseacreekstudio.com/ Thanks a ton. Working fine. Best, Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
- Original Message - From: ~davidLaakso [EMAIL PROTECTED] To: Jehangir Larry [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Tuesday, January 16, 2007 8:33 AM Subject: Re: [css-d] horizontal centering in IE Jehangir Larry wrote: David Laakso wrote: In reference to your url: http://www.jehangirlarry.com/andromedamockup.php trimmed Thanks a ton. Working fine. Well... you are getting there, Larry. You may (among other things :-) ) want to abandon the absolute positioning so that those little content boxes flow with font-scaling (try her at 2+ font-scaling in ff and text-size 'largest in ie). The heading h1 should not cross-over or drop behind, and you may not want the primary content to disappear under the footer. This stuff is a lot more fun if you let go and let the software do its thing ;-) . Best, Larry Regards, ~dL Gosh! Looks awful. Everything spills all over. What should I do? i can't even figure out where to start! Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote: David Laakso wrote: [Previous messages trimmed] Gosh! Looks awful. Everything spills all over. What should I do? i can't even figure out where to start! Larry In reference to your url: http://www.jehangirlarry.com/andromedamockup.php It will go easier if you *abandon the absolute positioning* and let the content flow without inhibiting and restricting it.. For example: Amend the #remove1 ruleset to read only: #remove1 { background-color:#fff; border:2px outset navy; margin: 30px auto 0 auto; text-align:center; width:180px; } And amend the html. Physically move the markup for div id=remove1 and put it below the navigation box in the right column, like so: div id=right h4 ... /h4 ul id=layouts li ... /li /ul div id=remove1 a href=#nogoNEWSbr Vessels Berthingbr Recruiting Nowbr See Application Form/a /div!--/close #remove1-- /div!--/close #right-- The /other absolute position box/ was treated in a similar way to the above, and the conditional comment deleted so it will happen in IE6.0 the way it does in IE7, too. !--[if IE6] style type=text/css #content, #main, #inner-wrap, #wrap { zoom:1; }/style![endif]-- The h1, footer, and any other issues remain to be resolved :-) . Please see: http://www.chelseacreekstudio.com/ca/cssd/larry.html HTH. Regards, ~dL You are an incredible help. I need a while to 'digest' all this; before I respond. I am honoured to have your acquaintance and deeply appreciate the pains you take. You (and ofcourse, many others) raise the bar each time you contribute to this list. Regards. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] horizontal centering in IE
Jehangir Larry wrote: David Laakso wrote: [Previous messages trimmed] Gosh! Looks awful. Everything spills all over. What should I do? i can't even figure out where to start! Larry In reference to your url: http://www.jehangirlarry.com/andromedamockup.php --SNIP-- Please see: http://www.chelseacreekstudio.com/ca/cssd/larry.html HTH. Regards, ~dL You are an incredible help. I need a while to 'digest' all this; before I respond. I am honoured to have your acquaintance and deeply appreciate the pains you take. You (and ofcourse, many others) raise the bar each time you contribute to this list. Regards. Larry David, Made changes and uploaded. Now no breaking --sidebar, +sizes. But the footer does not stay at the very bottom if size made ---small. Rest (incl H1) seem OK. At least to me :-)) Yet more coming my way? Best Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
~davidLaakso wrote: Larry, I think it is probably working as you intend in ie7.0 and the latest versions of ff and opera. IE 6 and down do not support position fixed so problems are anticipated there. The flower image works on hover but not the header image on hover. There is left column float drop in ie/6.0-- probably due to the horizontal padding on the width bearing right column. Moving that padding to the inside elements might help (although others on the list may have an easier css work around). The page is against the left rail in ie5 and 5.5. Try adding text-align: center; to the body declaration. And text-align: left; to #wrap. Best, ~dL Thanks David. Did as you said. Unable to center the various buttons in the sidebar - despite margin 0 auto and text-align-center. Pls re-check for me? Also any suggestion - how to center those 'buttons'? Deeply appreciate your support. The 'fixed' problem implies I modify the design? Best. Larry From: ~davidLaakso [EMAIL PROTECTED] To: Jehangir Larry [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Sunday, January 14, 2007 9:51 AM Subject: Re: [css-d] page check please Jehangir Larry wrote: Appreciate a page check - different user agents (specially older IE), with suggestions for improvement. www.teerthyatri.com Many TIA. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] cssmania
Funnily (or not) the HTML/CSS of the show-case http://cssmania.com do not validate! We are all human, I guess. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] cssmania
While exploring this issue, I checked a random site show-cased - http://www.justinshattuck.com/ and it fails validation. Standards protagonists urgently need to look at this. IMHO. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Thanks David, Georg, Matt. Except for the header roll-over (the customer is king) implemented all suggestions. Long live this great list. Comment: Georg, your email in the css was due to a hasty cut/paste. Its gone :-) Regards, Larry - Original Message - From: Matt Dawson To: Jehangir Larry Cc: css-d@lists.css-discuss.org Sent: Monday, January 15, 2007 4:33 AM Subject: Re: [css-d] page check please Though I believe everything is working as you intend, I would suggest rethinking the header rollover trick. When I roll over the header image, the image extends, and thus increases the height of the page. But then if I move on to the navigation bar - in an effort to navigate to a particular section - the page shrinks, and my mouse pointer is effectively pulled away from the nav bar. i have to scroll up the page to get to it, now that the page has reverted to its shorter length. For what it's worth, I'm on Firefox 2.0 on the mac. I'm actually not sure how other browsers handle this type of scenario - though now I'm intrigued to find out! matt On 1/13/07, Jehangir Larry [EMAIL PROTECTED] wrote: Appreciate a page check - different user agents (specially older IE), with suggestions for improvement. www.teerthyatri.com Many TIA. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] page check please
Appreciate a page check - different user agents (specially older IE), with suggestions for improvement. www.teerthyatri.com Many TIA. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE issue
--snip-- Gunlaug Sørtun wrote: ...and contains all styles needed for a stable effect. I have more or less copied the visual effects from the original, as seen in the good browsers. The trick for IE6 is that 'position: relative' is switched on :hover, and switched back to 'position: static' once the mouse-pointer leaves. That also solves the stacking-problems. Strangely, now the footer is not 'clearing' and jumping into the sidebar! I am lost. Appreciate any suggestions. Regards. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE issue
Thanks very much. - Original Message - From: Gunlaug Sørtun [EMAIL PROTECTED] To: Gunlaug Sørtun [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Tuesday, January 09, 2007 11:44 AM Subject: Re: [css-d] IE issue Sending this to the list also, as some may actually read the archives. Jehangir Larry wrote: I would like you to explain the 'static' issue a bit more. This is one area that truly befuddles me. 'position: static' is the default-value, but since 'position: relative' is used on :hover I had to declare 'static' to make sure it kicked in in IE. IE has a tendency to lock up in :hover-state under certain conditions. What 'static' does is simply to tell IE that 'nothing is positioned here' when the mouse-pointer leaves the link. That makes IE release the absolute positioned large image and hide it. I won't try to explain IE's erratic behavior without the fix - it's a bug. IE also has severe problems/bugs when we try to stack absolute positioned elements above relative positioned ones. 'position: static' has no effect on stacking - it's always the bottom or default level and any z-index is ignored. Declaring 'position: relative' will lift the element - link - up one stacking-level. Therefore, the link that you :hover on will get 'position: relative' and will automatically be stacked above all non-hovered links. The absolute positioned large image will be lifted with its own :hovered link, and the result is visually perfect stacking. I often use this 'switch stacking on :hover' method for multi-line menus with drop downs, as it ensures correct stacking in all major browsers - not just IE. Hope that all made some sense - despite the fact that we're in part dealing with nonsensical bugs :-) regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE issue
THANKS Andy. I did as you said, and mostly it works fine. The z-index although doesn't seem to respond. So I reduced the size of the large pic and gave it a -ve top margin, to avoid overlaps between small and large (on hover) images. Otherwise the small one keeps peeking through the hovered one. Why is this despite .pic having a z-index = 100 and .pic a .large having = 1000! (The 1000 is in frustration!) We live and we learn. Thanks again. Larry - Original Message - From: Andy Harrison To: Jehangir Larry Cc: css-d@lists.css-discuss.org Sent: Sunday, January 07, 2007 6:57 AM Subject: Re: [css-d] IE issue Sorry Larry, I don't see what's causing that. I did notice that the image popups don't work correctly in IE 6 though (they aren't absolutely positioned); who knows, it may have something to do with that. I have a few suggestions for your CSS: .pic a .large { /*...*/ display:none; /*instead of block; so it's hidden until you hover - and so you don't have to make it a single pixel to hide it*/ z-index:1; /*or greater; so the large image shows above all the smaller ones*/ } .pic a.p1:hover .large { /*get rid of position:fixed - this is probably causing the problem with the popups in IE; leave it as absolute*/ } Hope that helps in some way :-) Andy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE issue
Please take a look at the single picture in the sidebar www.teerthyatri.com It appears below the menu in FF but 'crawls up' in IE, including IE7. Appreciate all help. TIA Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Strange DT issue
On www.indobioagri.com/biopesticides.asp in FF 1.5, I discovered a strange behaviour (after a lot of heartburn!) If the HTML uses: dt img on two lines (with white space) the CSS is followed correctly. If it is on the same line dtimg (no whitespace) there is a distinct 'leftward' shift in the dt text and following images are pulled 'upward'. Any ideas? TIA. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Menu floats down in IE6
Thanks, all. Removed the 'span' and got rid of most errors. Errors now down to 4 from 70+ ! The 4 are because of an embedded swf and I am unable to get rid of them. Any ideas? Thanks in advance. Larry - Original Message - From: david [EMAIL PROTECTED] To: css-d css-d@lists.css-discuss.org Sent: Friday, December 01, 2006 9:52 AM Subject: Re: [css-d] Menu floats down in IE6 Jehangir Larry wrote: The navigation includes UL's with spans (to accomodate a JS script that collapses it.) It involves a nesting order that the validator does not seem to like! The menu is largish and unless each section auto-closes the navigation would be unseemly. It runs as follows (offending portion only): li class= AMain Item ul span lia href=# class=linkageSub-Item A/a/li lia href=# class=linkageSub-Item B/a/li lia href=# class=linkageSub-Item C/a/li /span /ul /li Thanks in advance. SPAN is not a block element, therefore cannot be used to contain block elements like list items. Also, you can only follow an opening list tag with an opening list item tag - everything inside a list has to be inside a list item tag. Your JS should be able to collapse the entire list without needing the span ... - Original Message - From: Roger Roelofs [EMAIL PROTECTED] To: Jehangir Larry [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Thursday, November 30, 2006 9:50 AM Subject: Re: [css-d] Menu floats down in IE6 Larry, On Nov 29, 2006, at 8:56 PM, Jehangir Larry wrote: Apologies for posting earlier in HTML. Please see www.indobioagri.com -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Menu floats down in IE6
A million thanks. Arrived at 0 errors/ warnings. - Original Message - From: david [EMAIL PROTECTED] To: css-d css-d@lists.css-discuss.org Sent: Saturday, December 02, 2006 11:15 PM Subject: Re: [css-d] Menu floats down in IE6 Jehangir Larry wrote: Thanks, all. Removed the 'span' and got rid of most errors. Errors now down to 4 from 70+ ! The 4 are because of an embedded swf and I am unable to get rid of them. Any ideas? Thanks in advance. http://www.alistapart.com/articles/flashsatay/ Larry - Original Message - From: david [EMAIL PROTECTED] To: css-d css-d@lists.css-discuss.org Sent: Friday, December 01, 2006 9:52 AM Subject: Re: [css-d] Menu floats down in IE6 Jehangir Larry wrote: The navigation includes UL's with spans (to accomodate a JS script that collapses it.) It involves a nesting order that the validator does not seem to like! The menu is largish and unless each section auto-closes the navigation would be unseemly. It runs as follows (offending portion only): li class= AMain Item ul span lia href=# class=linkageSub-Item A/a/li lia href=# class=linkageSub-Item B/a/li lia href=# class=linkageSub-Item C/a/li /span /ul /li Thanks in advance. SPAN is not a block element, therefore cannot be used to contain block elements like list items. Also, you can only follow an opening list tag with an opening list item tag - everything inside a list has to be inside a list item tag. Your JS should be able to collapse the entire list without needing the span ... - Original Message - From: Roger Roelofs [EMAIL PROTECTED] To: Jehangir Larry [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Thursday, November 30, 2006 9:50 AM Subject: Re: [css-d] Menu floats down in IE6 Larry, On Nov 29, 2006, at 8:56 PM, Jehangir Larry wrote: Apologies for posting earlier in HTML. Please see www.indobioagri.com -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Menu floats down in IE6
Thanks. I await your 'specific reply' eagerly and meantime have brought validation errors down by half! The remaining errors pertain to - Google search and the nav menu. I am reading the ALA article on 'satay' for the former; and, seek help on the latter. The navigation includes UL's with spans (to accomodate a JS script that collapses it.) It involves a nesting order that the validator does not seem to like! The menu is largish and unless each section auto-closes the navigation would be unseemly. It runs as follows (offending portion only): li class= AMain Item ul span lia href=# class=linkageSub-Item A/a/li lia href=# class=linkageSub-Item B/a/li lia href=# class=linkageSub-Item C/a/li /span /ul /li Thanks in advance. Best. Larry - Original Message - From: Roger Roelofs [EMAIL PROTECTED] To: Jehangir Larry [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Thursday, November 30, 2006 9:50 AM Subject: Re: [css-d] Menu floats down in IE6 Larry, On Nov 29, 2006, at 8:56 PM, Jehangir Larry wrote: Apologies for posting earlier in HTML. Please see www.indobioagri.com - 8 All and any help, suggestions, pointers, appreciated. I don't yet have the answer to your specific questions. However, your html markup has 73 errors, some of them fairly serious. http:// validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.indobioagri.com% 2F I would suggest fixing the html first. Styling structurally invalid markup is a recipe for frustration because each browser tries to recover from markup errors in different ways. -- Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Menu floats down in IE6
Hi francky, Funnily, IE 6 on several other boxes (including mine) shows the 'drop' I mentioned. Re validator - thanks. Made changes and errors reduced. Remaining ones need to be addressed by the stalwarts on this fabulous list. To avoid repition I request you see my reply to Roger Roelofs. Thanks again. Best. Larry - Original Message - From: francky [EMAIL PROTECTED] To: Jehangir Larry [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Thursday, November 30, 2006 9:59 AM Subject: Re: [css-d] Menu floats down in IE6 Jehangir Larry wrote: Apologies for posting earlier in HTML. Please see www.indobioagri.com The right column navigation (and google search etc) floats right down instead of at the top; in IE6 and in 1024 x 768 . Its fine in FF. IE7 is also ok. In Opera. the green sidebar background disappears! Also, wide screens do not display this behaviour in any browser. But IE6 alone in 1024 x 768 causes this behaviour. I am perplexed. All and any help, suggestions, pointers, appreciated. Thanks. Larry Hi Larry, In my IE6 on Win98SE at 1024x768 full-size there is no dropping of the right column; the drop is coming if the window is made smaller than about 940px. - In some way, the #content part is not shrinking for IE. In a quick view I don't see why. But ... did you see what the html=validator is saying? [1] * http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.indobioagri.com%2F http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.indobioagri.com%2F They have quite a party of suggestions. It seems some div's aren't closed in the right way, and that can trigger strange things in the layout. I hope after repairing the html, IE is following the css instructions as expected! :-) Success and greetings, francky [1] Also the css-validator has some recommendations: http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Fwww.indobioagri.com%2F http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Fwww.indobioagri.com%2F __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Menu floats down in IE6
Apologies for posting earlier in HTML. Please see www.indobioagri.com The right column navigation (and google search etc) floats right down instead of at the top; in IE6 and in 1024 x 768 . Its fine in FF. IE7 is also ok. In Opera. the green sidebar background disappears! Also, wide screens do not display this behaviour in any browser. But IE6 alone in 1024 x 768 causes this behaviour. I am perplexed. All and any help, suggestions, pointers, appreciated. Thanks. Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/