Re: [css-d] Horizontal Dropdown Menu Problem IE6
To: css-d@lists.css-discuss.org Subject: [css-d] Horizontal Dropdown Menu Problem IE6 Hi all, I am currently in the process of converting a complex table based layout to purely css styled page. I am running into a problem with the horizontal menu in IE6. I have been trying to figure out why when I hover over the flyout, the size of the flyout changes -- it becomes smaller. The page is http://www.ism.ws/includes/test/newheader.cfm.http://www.ism.ws/i ncludes/test/newheader.cfm The css file is http://www.ism.ws/files/style/test.css. Any help would be appreciated. Taryn I have found that in IE6 you need to define the width for the a:link for the li ul li. it doesn't seem to do it for ul ul. I am not saying that is the best way to do it, but it has been the only way I have been able to get IE6 to have same width as other browsers. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.409 / Virus Database: 268.13.18/506 - Release Date: 30/10/2006 __ 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] IE7 container woes
Hi, I'm struggling to correct a layout issue in IE7 and not making much progress, I'm hoping y'all could at least nudge me in the right direction. css: http://sinope.capitol-college.edu/styles/main.css example page: http://sinope.capitol-college.edu/newsevents/index.shtml In Firefox and IE6, the template expands to contain the main content area, but in IE7, when this section gets longer than 581px, it's expanding past the footer. This template was developed by someone with more advanced CSS skills than I've got and I'm having some trouble following all the nested DIVs and floats to figure out which DIV I need to change. From what I've been reading about CSS compatibility and IE7, I'm thinking it's probably a missing min-height declaration somewhere. Any ideas on where I should be focusing my efforts? (I'll be taking a closer look at the IE7 link in the list footer for clues in the meantime!) Thanks, -- Julie Cooke Web Site Manager Capitol College - Laurel, MD http://www.capitol-college.edu __ 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] images don't line up evenly
[EMAIL PROTECTED] wrote: still, i wonder why the floated p has 'different' padding + margin than the non-floated p, as the only difference between the p's is the 'float: right' ?? There seems to be some 'collapsing margins'[1] at play here, where the two paragraphs interacts with the styled div above. Not easy to spot, and IE6 has its own interpretation of what should happen if we test it. I created this simple test out of the original case... http://www.gunlaug.no/tos/alien/test_7980.html ...so I could at least see what's happening. Now it's time to dissect it and sort out the bugs :-) regards Georg [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- 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-d] Three Columns
Hi All Well after not posting to the list for a while, I get two issues I'm stuck on in quick succession! I am sure this one is simple but I can't work it out - maybe I'm using the wrong design. I have over the last year or so mostly been using two columns but I thought I would have a go at three columns! This is what I have come up with using various techniques but mostly Kevin Cornell - A list Apart. http://efe-gbnets.com//index.html http://efe-gbnets.com//style.css The question is quite simple! How do I place a gap between the centre column and the two outside ones please? Many thanks -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Can't figure this out - Center a div with variable width
I might be reading your problem wrong, but most people usually center div's using div#mydiv { margin-left: auto; margin-right: auto; } So you might have: div style=width: 1000px; div style=width: 500px; margin-left: auto; margin-right: auto;foo bar!/div /div And the inner div would be horizontally centered within the larger, outer div. Clint On 10/31/06, Mark Wheeler [EMAIL PROTECTED] wrote: Hi all, Is this even possible? (I'm sure it is, but I still feel pretty new to css) - Can you have a div (content) centered inside another div (container) BUT, the content div's width may be different because of content (thus you can't set the width) AND the div width must collapse around the content (so if a border was used, it would collapse around the content)? I can't figure this out. I'm sure there is a simple solution, but I can't seem to get there. Any help would be appreciative. Thanks, Mark __ 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/ -- Clint Ecker http://phaedo.cx 312.863.9323 __ 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] Can't figure this out - Center a div with variable width
On 10/31/06, Mark Wheeler [EMAIL PROTECTED] wrote: Hi all, Is this even possible? (I'm sure it is, but I still feel pretty new to css) - Can you have a div (content) centered inside another div (container) BUT, the content div's width may be different because of content (thus you can't set the width) AND the div width must collapse around the content (so if a border was used, it would collapse around the content)? I can't figure this out. I'm sure there is a simple solution, but I can't seem to get there. Any help would be appreciative. Thanks, Mark __ 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/ Mark, I am a beginner myself. However, the answer to your first question is yes, just add the attribute: text-align: center; in your css file into the overall div that is containing the content div. Now, if you set a border around your container div, then the border should always collapse around your content. However, as for differing sizes on your content, that sounds like a fluid layout, and I am guessing that IE will give you many problems. My suggestion is use a fixed width on all of your pages to remain consistent. Generally, this makes the website more professional looking (IMHO). Can you give us a mock up or an example site that you want this happen on? It would make it a lot easier I believe for all us. Good Luck, Martin __ 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] Can't figure this out - Center a div with variable width
Hi Clint, Yes, I understand that part. But the problem is that the content changes. Thus, I can not specify the width for the content div. That's where the problem is. Any other ideas? Thanks, Mark --- On Oct 31, 2006, at 2:16 PM, Clint Ecker wrote: I might be reading your problem wrong, but most people usually center div's using div#mydiv { margin-left: auto; margin-right: auto; } So you might have: div style=width: 1000px; div style=width: 500px; margin-left: auto; margin-right: auto;foo bar!/div /div And the inner div would be horizontally centered within the larger, outer div. Clint On 10/31/06, Mark Wheeler [EMAIL PROTECTED] wrote: Hi all, Is this even possible? (I'm sure it is, but I still feel pretty new to css) - Can you have a div (content) centered inside another div (container) BUT, the content div's width may be different because of content (thus you can't set the width) AND the div width must collapse around the content (so if a border was used, it would collapse around the content)? I can't figure this out. I'm sure there is a simple solution, but I can't seem to get there. Any help would be appreciative. Thanks, Mark __ 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/ -- Clint Ecker http://phaedo.cx 312.863.9323 __ 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] Fading Borders Extending a Column
On 10/23/06, David Merwin [EMAIL PROTECTED] wrote: Martin... Go read this: http://alistapart.com/articles/fauxcolumns/ Will help you do what you are trying to do. David Merwin [EMAIL PROTECTED] 541-335-1832 http://www.davemerwin.com http://www.purebluedesign.com http://www.betachurch.org http://www.agiprofessional.com Ok, thanks David. That did it. Then I decided that I didn't want that after all. Either way, I learned how to use it and it did solve my problems. I appreciate it. One last question ( I hope ). I am trying to make the border at the top of my menu disappear when it is the active link to make the black title bar flow into the active link box. In Mozilla/Firefox I have this working. However, IE does not like when I use a -2px margin and increase the padding by 2px. I have also tried the zoom: 1; trick in all combinations of the #nav and it still does not work. Any suggestions? The link once again is: http://smwstudios.com/Martin/ Thanks, Martin PS: http://smwstudios.com/Martin/thanks.htm I couldn't let you guys help me so much without some credit on your part. __ 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] images don't line up evenly
[EMAIL PROTECTED] wrote: thx [David] - i realized that [removing margin/padding] was the solution too... still, i wonder why the floated p has 'different' padding + margin than the non-floated p, as the only difference between the p's is the 'float: right' ?? Hi Francis, I've the impression it is indeed only the float-difference: the difference in handling margins between floats and normal flow. In normal flow, margins are collapsing, but not in a floating element (which isn't in the normal flow, so nothing to collapse). The left (higher) image is in the normal flow, with a collapsing margin-top (the p's are defined with {margin: 3px 0;} in respect to the margin-bottom of the div with the borderline before it (with defined {margin: 2px 0;}). According to the css-rules [1], the distance between the left image and the line above is 3px (before the line-height is starting). The right img is the floating one: it's margin-top doesn't collapse, and the distance between the right image and the line above is 2px + 3px (before the line-height is starting). Difference in height between left and right image is: 2px. Checking with a screenshot, 200% enlarged in painting program: this result http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-not-aligning-float.gif. I'm happy: it is confirming the difference is exactly 2px (4px enlarged)! :-) Greetings, francky [1] The resulting margin width is the maximum of the adjoining margin widths. http://www.w3.org/TR/CSS21/box.html#collapsing-margins __ 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] handheld css
This link may be useful for starting: http://www.passani.it/gap/ djn -- Dejan Kozina Dolina 346 (TS) - I-34018 Italy tel./fax: +39 040 228 436 - cell.: +39 348 7355 225 http://www.kozina.com/ - e-mail: [EMAIL PROTECTED] __ 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] Can't figure this out - Center a div with variable width
On 01/11/06, Mark Wheeler [EMAIL PROTECTED] wrote: Hi all, Is this even possible? (I'm sure it is, but I still feel pretty new to css) - Can you have a div (content) centered inside another div (container) BUT, the content div's width may be different because of content (thus you can't set the width) AND the div width must collapse around the content (so if a border was used, it would collapse around the content)? I can't figure this out. I'm sure there is a simple solution, but I can't seem to get there. Any help would be appreciative. Thanks, Mark Yes, it's possible, but unless you want to get into some rather complex CSS, the container has to have a fixed width. #container { width:800px; } #content { margin:0 auto; border:2px solid red; } That will do what I think you're after. #content will stretch depending on its content. Hope it helps, Rafael __ 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] Can't figure this out - Center a div with variable width
On Nov 1, 2006, at 3:14 AM, Mark Wheeler wrote: Is this even possible? (I'm sure it is, but I still feel pretty new to css) - Can you have a div (content) centered inside another div (container) BUT, the content div's width may be different because of content (thus you can't set the width) AND the div width must collapse around the content (so if a border was used, it would collapse around the content)? I can't figure this out. I'm sure there is a simple solution, but I can't seem to get there. Any help would be appreciative. By default a div will take up all available width minus the margins. That is the nature of 'display:block' (default display:property of a div). To have your div shrinkwrap to the width of its content, you'd have to change the display property: use something like 'display:table'. Or specify a width on it. In both cases, the div would then be centred using 'margin:auto;'. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ 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] handheld css
Would people mind sharing their experiences? Have they found handheld css useful? Is it just not implemented enough among phones for it to be worth any time? I use Opera Mini on my mobile and show customers how their web sites look on a handheld device after our design. They love it. Specially when you show them a competitor web site with no CSS implementation :) Regards, -- Cem Meric | http://www.kalkadoon.net/ Kalkadoon Corporate Solutions Pty Ltd __ 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 Pseudoclass/hasLayout Weirdness
Bruno Fassino wrote: Steve Clason wrote: Although IE7 does support the :hover pseudoclass on elements other than a, making Suckerfish-type navigation work without JavaScript, you have to be careful to trigger hasLayout in both the element and the element pseudoclass, and you have to use two different triggers, apparently. There's a test case at http://www.bch.org/ie7HoverTest.html. Thanks for sharing this, it's really weird. Just a small comment: I wouldn't say that IE needs a further hasLayout trigger, but rather that it needs at least one extra property (on the target li:hover ul), choosen among a certain set. To be more precise, I tried adding in your example either background-position: 0 0 or border-width: 0 to #nav3 li:hover ul and both of them solved the problem, like your min-height: 1px. This behaviour is somewhat similar (but even more confusing), to the well known need for some extra property on any a:hover, to have IE to pay attention to a:hover descendant. Well, sure enough, look at that. I added a version with border-width: 0 to the test case and (of course) it works just as you describe. Thank you Bruno--I hadn't heard of IE's need for that extra property--I guess I wasn't paying attention that day. I appreciate your comment immensely. -- Steve Clason Web Design Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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] Three Columns
Hi All Well after not posting to the list for a while, I get two issues I'm stuck on in quick succession! I am sure this one is simple but I can't work it out - maybe I'm using the wrong design. I have over the last year or so mostly been using two columns but I thought I would have a go at three columns! This is what I have come up with using various techniques but mostly Kevin Cornell - A list Apart. http://efe-gbnets.com//index.html http://efe-gbnets.com//style.css The question is quite simple! How do I place a gap between the centre column and the two outside ones please? I was thinking of putting another div inside content and padding that. Is that right please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] div inside a div, can't give exlusive top margin to the inside div.
Greetings, I try to give the inside div a margin, what realy happens that the outside div gets it. I can solve it by giving the outside div a padding, but I don't think this is the right solution: !doctype html public -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html head title new document /title style type=text/css #in { width: 40px; height:40px; margin-top:50px; background-color:red; } #out { width: 300px; height:300px; background-color:black; } /style script type=text/javascript /script /head body div id=out div id=inin/div /div /body /html _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ __ 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] IE7 renders images at less than full size
Can't give you guys the url due to sensitivity of the project, I'm afraid, so I'm just going to describe this problem and hope others have encountered it. I have been building a site for some time and now that I have resolved all my major plone, finer css (sadly there are a lot of rather complex css operations here) problems and cross-browser variance... So yesterday I installed IE7 on one of my systems and I burst into tears. There are several layout issues which I am quite keen to work at by myself, but one absolutely bizarre problem is the fact that all images on the site display at what seems to be just under 100% of their size, causing nauseating rendering (IE7's pixel blending is just as disgusting as IE6's for those who didn't know). I use no image re-sizing. In nearly all cases, these images are background-images. I have absolutely no idea why this disfiguring symptom has cropped up. Any similar experiences? Regards, Barney __ 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] [ADMIN- OFF TOPIC] Re: Blowtorches at the ready...
Sorry for the over-defensive tone, Alex: I accept that you have performed moderator duties to the letter. I appreciate the guidance and I won't touch the controversial issues here again. Apologies to 99.9% of the list members who were burdened by yet another instance of a thread that enjoys too much heat for something we should by definition find to be inappropriate. At least it wasn't typographic ethics, eh? :) Regards, Barney __ 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] IE7 and hacks
Not wishing to suggest debate, but I want to know where IE7 stands with hacks. Position is Everything has an (by definition) authoritative article on IE7's hack support which I found to be somewhat useful. http://positioniseverything.net/articles/ie7-dehacker.html Significant here is that IE no longer believes in a higher being, and as such the star hack... * html selector {definition} ...does not apply to IE7. The article basically seems to suggest 'we don't advocate hacks and here are our hacks - ps don't use hacks'. The normal doublethink :). For those who might find it useful, my own ugly ugly ugly IE hack (if anyone knows of a prior instance of it, please tell me) still works. selector,{definition} Does anyone know of a more comprehensive article than PIE's? I am currently working on a site that suffers immensely from IE7 rendering (everything else is fine but I have used countless hack and non-hack browser-specific correction). I assume there must be hundreds of people in the same position, only they forgot to invite me to the wake. Regards, Barney __ 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] An IE bug to fry (was Blowtorches at the ready...)
On Oct 31, 2006, at 5:44 AM, Barney Carroll wrote: I can't really imagine this, but this is because I used to use tables all the time. I can't imagine how they could be so frustrating though - and there is a lot of (respected) work around the net helping people constrained to div-based layouts because it is so difficult and complicated to create column behaviour in divs that people found extremely simple with tables. Disclaimer: Yes, I know Alex ruled off-topic, but this particular message centers around a practical css/table incompatibility that continues to rise up and bite people. The result of this incompatibility has led to my taking certain philosophical positions in design that are not the point of the message and that I will not directly expound upon. It's based on a browser bug in IE/Win that can be duplicated by the following code (the bug is longstanding in IE/Win, but I haven't tested for it in IE7, yet): div style=margin-left:150px; img src=doesn'tmatter.jpg height=75 width=100 style=float:left; table width=100% trtdcolumn 1/tdtdcolumn 2/td/tr /table /div This is a very skeletal version of a problem that has bitten me more than once. The usual cause is a CMS that insists on wrapping the elements it manages in tables, but it can stem from other sources, including having a real table that you want to have fill the width of the available area. The problem is that IE is lazy. It sees that the table should be 100% of the available area, and it sees that there is an object floated left, so without calculating to see whether the table will, in fact, fit in the available space (a rudimentary check of the above says, yes, it will fit with 50px to spare, as the image is fully contained in the margin and does not extend into the usable space of the div) IE decides to hold the table until after the image. Even though any debugging measure you might take (colored fills, borders, etc.) will show the table and the image do not overlap (and every other browser will show the table and the image side by side). The point here is that IE makes code that mixes layout tables and css problematic; if you're working in a mixed environment you need to check all your assumptions. This thread (coupled with yet another occurrence of the bug in a site I've recently started maintaining) brought this bug to mind again. Have Fun, Arlen -- In God we trust, all others must supply data __ 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 - MitraFoundation
Dear All, http://rahulgonsalves.com/mitra/0111/index.html I would appreciate a site check, for this website - built for a non-profit looking to promote alternative energy choices. I have looked at the site in various Windows browsers - Opera 9, FF 2/1.5, IE 6,7, SeaMonkey and Flock. I have also checked out some of the pages using the SnugTech Safari test, and it seems mostly passable, if not quite pixel-perfect across these browsers. I'd appreciate a heads-up on any of the linux and mac browsers, and various older browsers, if you have access to them. The site validates, except for the use of one proprietary IE-specific PNG hack. The CSS /should/ validate. Please do give me your suggestions - all of them are appreciated very much. However, suggestions that aren't related to CSS, off-list, please. Thanks in advance, - Rahul. __ 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] csshover.htc
Okay. I have refrained from posting and tried everything I know of and have read about on previous posts to make this work, but nothing is working. I am using the latest csshover.htc which is Version 1.42.060206 to make the drop down menus work in IE. As I began to populate pages of the site (some of which live in sub folders for organization purposes) I noticed that the drop down menus do not work in IE on pages that are located in sub folders and not on the root level of the site. I have tried absolute paths, relative paths . . Basically whatever I have gotten my hands on, I have tried it. The real kicker is that this is not a problem in IE/7, but it is a problem in IE/6 which I still have to accommodate for. Here is my css where the csshover.htc file is located. body { background-image: url(../images/background3.gif); margin-top: 11px; background-repeat: repeat-x; background-color: #0067B1;/*ku blue*/ margin-left: 0px; behavior: url(csshover.htc); } Here is the url of an shtml page that is stored several folders deep on the site and the drop downs do not work in IE/6. http://www2test.ku.edu/~kueafin/campuses_hospital/med_center_kc/index.shtml Any ideas??? Thanks so much! Melissa __ 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, problems with IE7, navigation, footer
Hi folks, We're redesiging our web site, which is in XHTML 1.0 Strict. The site validates in XHTML and CSS. XHTML doesn't support conditional statements, so while the site works fine in all other browsers, there are problems with positioning in IE7 that we can't solve without your help. The tulips banner covers part of the top navigation and the padding on the footer is inconsistent with every other browser we've tested against. It is correct in Firefox, for reference. In addition, the top navigation has a mysterious amount of padding on the left (in every browser). We can live with that, but welcome any suggestions for making it flush left. http://208.112.30.82/index.html http://208.112.30.82/langfeld.css Thanks in advance for any help you can give. P.S. I haven't finished relinking, so don't mind if a link is incorrect. That's the next step! Best regards, Marilyn Langfeld Langfeldesigns http://www.langfeldesigns.com [EMAIL PROTECTED] __ 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/