[WSG] ie problem
Hi, Im frustrated with a margin difference in ie6. Im modifying a zen cart install and didnt create the style sheets and dont have much control over the html. The problem is the two links (log in and home) at the top right of the page header. Ive added The borders just so you can see the boxes. http://cart66.macdesign.eu/ heres the rules: #navMainWrapper{margin-top:15px; background-image: url(../../../../images/header.jpg); background-repeat:no-repeat; background-position:0 -21px; _background-position:0 0; border:0px solid pink; height:65px; padding-top:0; margin-top:0; padding-bottom:0; } #navMain ul li a { margin:43px 35px 0 0; border:1px solid black; float:right; display:block; } /*i think the problem is related to this rule*/ #navMain { border:1px solid pink; display:block; overflow:visible; margin-bottom:0; height:1%; } I've been trying to figure this out for a long time and need help. thanks kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] ie problem
Looks like the double margin bug. Try changing this... #navMain ul li a { margin:43px 35px 0 0; border:1px solid black; float:right; display:block; } to this #navMain ul li a { margin:43px 35px 0 0; border:1px solid black; float:right; display:inline; } Hope that helps. On 15/02/2008, kevin mcmonagle [EMAIL PROTECTED] wrote: Hi, Im frustrated with a margin difference in ie6. Im modifying a zen cart install and didnt create the style sheets and dont have much control over the html. The problem is the two links (log in and home) at the top right of the page header. Ive added The borders just so you can see the boxes. http://cart66.macdesign.eu/ heres the rules: #navMainWrapper{margin-top:15px; background-image: url(../../../../images/header.jpg); background-repeat:no-repeat; background-position:0 -21px; _background-position:0 0; border:0px solid pink; height:65px; padding-top:0; margin-top:0; padding-bottom:0; } #navMain ul li a { margin:43px 35px 0 0; border:1px solid black; float:right; display:block; } /*i think the problem is related to this rule*/ #navMain { border:1px solid pink; display:block; overflow:visible; margin-bottom:0; height:1%; } I've been trying to figure this out for a long time and need help. thanks kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE Problem
Hello friends, Can anyone help me with this problem? Im making a website and i want to know why the list's (like video or audio or blogs) looks so bad in IE, they are so left but in Firefox they looks ok, also, i wanna know why the link "Zona universitaria" is too up, if anyone can help me i will be very grateful. and if anyone can make a suggestion to improve the page code it will be welcome. Thank you very much to all Link : http://www.constantconcept.com/pruebaweb/port_fot_sm.html --José Kusunoki G.Diseñador[EMAIL PROTECTED]www.constantconcept.com(511) 97004563
Re: [WSG] IE Problem
José Kusunoki Gutiérrez wrote: Can anyone help me with this problem? Im making a website and i want to know why the list's (like video or audio or blogs) looks so bad in IE, they are so left but in Firefox they looks ok, also, i wanna know why the link Zona universitaria is too up, if anyone can help me i will be very grateful. Link : http://www.constantconcept.com/pruebaweb/port_fot_sm.html Didn't look at it in depth, but since Opera 8.5 display as IE6 on those lists the most probable cause is that you haven't taken both margins and paddings into account for those list-items. IE6 use margins on lists, and so do Opera 8.5 Firefox use paddings on lists, and so do Opera 9prev1. By starting out with margin-left: 0; padding-left: 0, and then adjust that padding to a suitable value on ul and li, it should be quite easy to make Firefox and IE display the same. Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1?
HELP! Tidy puts in ?xml version=1.0 encoding=iso-8859-1? which I think I understand is the Document Character Set, i.e. V. important. However having it in my document makes IE screw up all absolute positioning!! What am I doing wrong? Thanks guys ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1?
Duncan Stigwood ?xml version=1.0 encoding=iso-8859-1? which I think I understand is the Document Character Set, i.e. V. important. However having it in my document makes IE screw up all absolute positioning!! IE goes into quirks mode when there's ANYTHING in front of the opening html ... tag. Just drop the ?xml ...? declaration, as it's still valid as per Appendix C of the XHTML spec http://www.w3.org/TR/xhtml1/#C_1 Patrick __ Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1?
You can leave out the xml prolog, its IE messing things up again (yet again - over and over) if you choose to put it in IE (aka inferior explorer) will use quirksmode and ignore all mannor of things such as absolute positioning, and a whole raft of other things, other compliant browsers will be fine and respond according to the rule book. sam Duncan Stigwood wrote: HELP! Tidy puts in ?xml version="1.0" encoding="iso-8859-1"? which I think I understand is the Document Character Set, i.e. V. important. However having it in my document makes IE screw up all absolute positioning!! What am I doing wrong? Thanks guys ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1?
Hi Depending on the tidy library you are using, you should be able to pass in the parameter add-xml-decl as boolean false. The Tidy library that you use should then not add the XML prolog. See: http://tidy.sourceforge.net/docs/quickref.html#add-xml-decl; Cheers James ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1?
Thank you both of you! I love this list :) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1?
Duncan, As the others have said, you can omit the declaration if you want to avoid affecting standards mode in IE (see http://www.w3.org/International/articles/serving-xhtml/ ) The key thing is to check that your file is encoded in the encoding you want, ie. do you want it to be encoded in iso-8859-1 or in utf-8? I'm just about to release a new article that might help here: http://www.w3.org/International/questions/qa-changing-encoding If you want more information about this: The 'Document Character Set' is actually utf-8 (see http://www.w3.org/International/questions/qa-doc-charset ) You should at least check that you do declare the encoding in a meta tag, and that it is correct. For more info see http://www.w3.org/International/tutorials/tutorial-char-enc/ HTH, RI Richard Ishida W3C contact info: http://www.w3.org/People/Ishida/ W3C Internationalization: http://www.w3.org/International/ Publication blog: http://people.w3.org/rishida/blog/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Duncan Stigwood Sent: 26 August 2005 13:32 To: wsg@webstandardsgroup.org Subject: [WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1? HELP! Tidy puts in ?xml version=1.0 encoding=iso-8859-1? which I think I understand is the Document Character Set, i.e. V. important. However having it in my document makes IE screw up all absolute positioning!! What am I doing wrong? Thanks guys ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1?
To make things a bit more explicit (and I hope I'm not talking rubbish, as I'm going from memory here) Richard Ishida The key thing is to check that your file is encoded in the encoding you want, ie. do you want it to be encoded in iso-8859-1 or in utf-8? The default encoding of an XML document that's assumed in the absence of the ?xml ...? is utf-8. You should at least check that you do declare the encoding in a meta tag, and that it is correct. Although it's best to also send the correct HTTP header to specify the document's encoding (otherwise it's the weird situation in which a browser needs to start receiving the document, then find out via the META what encoding it's in...which can cause problems in edge cases, if I remember correctly). Of course, the header and the META should not contradict each other either. Patrick __ Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ __ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with ?xml version=1.0 encoding=iso-8859-1?
Patrick Lauke skrev: Richard Ishida You should at least check that you do declare the encoding in a meta tag, and that it is correct. Although it's best to also send the correct HTTP header to specify the document's encoding (otherwise it's the weird situation in which a browser needs to start receiving the document, then find out via the META what encoding it's in...which can cause problems in edge cases, if I remember correctly). Of course, the header and the META should not contradict each other either. If you are using META providing charset info, put it immediately after the HEAD element, to not not make this construct more weird than necessarily. Even if using HTTP headers is the first choice, including the META tag can prove useful for people saving the page for offline use, as HTTP headers are usually not saved with the page. I always use both methods. /AndersN ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE problem
-Original Message- Javier Sent: Monday, April 11, 2005 1:22 PM To: List WSG Subject: [WSG] IE problem Hi I used the classic two columns inside a container. Left column float to left and the other to right side. IE 6, ignores the width size of left side and show it bigger than expected then right side goes down. Also, right side right margin is bigger than in Firefox. You can see a page test in: http://home.leyba.com.ar/test/ I've defined borders in left and right columns to allow to see the problem... * The problem is in your markup.css page. If you define your containers in the style sections, redo the links as a ul in the page, and float both left (done for visual reasons but it works with a right float as well) it works well. #contizq{float:left; width:170px;} #contder{float:left; width:365px;} Remove the the @import statement. The page then displays as two floated boxes. Somewhere in the markup is the problem. I'll leave it to you to identify exactly which rule it is. Oh you also have nav with a width of 700px in your layout.css. drew ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE problem
Hi I'm developing a site for a friend of mine and have some rare problems. What I did work well in Firefox, but when my friend saw it with his IE6 it was horrible !!! :( I used the classic two columns inside a container. Left column float to left and the other to right side. IE 6, ignores the width size of left side and show it bigger than expected then right side goes down. Also, right side right margin is bigger than in Firefox. I've seen hacks over the net and used one to define sizes in IE...but this problem is driving me crazy... You can see a page test in: http://home.leyba.com.ar/test/ I've defined borders in left and right columns to allow to see the problem... Any help or clue will be appreciated... Thanks in advance Javier ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem
Ah yes, those problems. IE is quite bugy when it comes to floats. Try putting |display:inline| on everything that is floated. http://positioniseverything.net/explorer/doubled-margin.html Alan Trick Javier wrote: Hi I'm developing a site for a friend of mine and have some rare problems. What I did work well in Firefox, but when my friend saw it with his IE6 it was horrible !!! :( I used the classic two columns inside a container. Left column float to left and the other to right side. IE 6, ignores the width size of left side and show it bigger than expected then right side goes down. Also, right side right margin is bigger than in Firefox. I've seen hacks over the net and used one to define sizes in IE...but this problem is driving me crazy... You can see a page test in: http://home.leyba.com.ar/test/ I've defined borders in left and right columns to allow to see the problem... Any help or clue will be appreciated... Thanks in advance Javier ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem
I've seen hacks over the net and used one to define sizes in IE...but this problem is driving me crazy... Hi Javier, As Alan said, you should use display:inline on every float that include margins, but I believe you need more than that to fix your problem. Try this: #contizq { display:inline; width:170px !important; ... ... } HTH, Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem
Javier wrote: What I did work well in Firefox, but when my friend saw it with his IE6 it was horrible !!! :( I used the classic two columns inside a container. Left column float to left and the other to right side. IE 6, ignores the width size of left side and show it bigger than expected then right side goes down. Also, right side right margin is bigger than in Firefox. I've seen hacks over the net and used one to define sizes in IE...but this problem is driving me crazy... Javier, I always find that the best course of action is to strip away all of the hacks, and rewrite the stylesheet from scratch - it doesn't take all that long as you know the required result and you have most of the style rules already (more or less!), so it's pretty much a 'cut-and-paste' job! In fact, I've just done this myself - it took about 10mins or so - have a look at trying http://www.stuarthomfray.co.uk/temp/newcss.css instead of your current stylesheets. cheers, Stuart -- === El Bombin http://elbombin.stuarthomfray.co.uk Stuart Homfray http://www.stuarthomfray.co.uk === ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE problem at small window size
Hello This is my first post, but I've read the list for ages and learnt masses - thanks very much. I have a problem with IE at small window size (640 x 480) when the content of the page gets shunted underneath the menu bar on the left. You should be able to see it happening on http://actemp.sipu.apu.ac.uk/timetabling/camb/ttindex.phtml the css is at http://web.apu.ac.uk/templates/php/common.css I've tried all sorts of things to stop it happening (this isn't the only page it occurs on) but have run out of ideas. Any help would be greatly welcomed. Thanks very much Rachel Rachel Campbell Web Assistant, Information Services CITS 01223 363271 ext 2026 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem at small window size
Rachel Campbell wrote: I have a problem with IE at small window size (640 x 480) when the content of the page gets shunted underneath the menu bar on the left. You should be able to see it happening on http://actemp.sipu.apu.ac.uk/timetabling/camb/ttindex.phtml A large enough negative back margin on div#leftcolumn will keep IE/win from pushing down the main content. However, IE/win will then also need to display the rest of the page like other browsers do, so you need to set height: auto on div#leftcolumn, or else the footer will jump around. You also need to feed IE/win with a new HasLayout trigger. The total fix: div#leftcolumn {margin-right: -163px; height: auto} @media all { * html div#wrapper2 {height: 0;} } Your page is now close to identical in Opera, Firefox and IE6. regards Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem at small window size
At 14:22 28/02/05 +0100, you wrote: Rachel Campbell wrote: I have a problem with IE at small window size (640 x 480) when the content of the page gets shunted underneath the menu bar on the left. You should be able to see it happening on http://actemp.sipu.apu.ac.uk/timetabling/camb/ttindex.phtml A large enough negative back margin on div#leftcolumn will keep IE/win from pushing down the main content. However, IE/win will then also need to display the rest of the page like other browsers do, so you need to set height: auto on div#leftcolumn, or else the footer will jump around. You also need to feed IE/win with a new HasLayout trigger. The total fix: div#leftcolumn {margin-right: -163px; height: auto} @media all { * html div#wrapper2 {height: 0;} } Your page is now close to identical in Opera, Firefox and IE6. I've just noticed that this fix makes #footer come up the page; unfortunately it needs to stay at the bottom of the page, below #leftcolumn. Any ideas as to how that can be achieved? Many thanks Rachel regards Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Rachel Campbell Web Assistant, Information Services CITS 01223 363271 ext 2026 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem at small window size
Rachel Campbell wrote: http://actemp.sipu.apu.ac.uk/timetabling/camb/ttindex.phtml I've just noticed that this fix makes #footer come up the page; unfortunately it needs to stay at the bottom of the page, below #leftcolumn. Any ideas as to how that can be achieved? div#columns {min-height: 50em;} ... is the proper way to space down the main columns and push footer into proper position. The actual value tuned to something suitable. However, now we enter the world of browser-weaknesses once more, since neither IE/win nor Safari or IE/Mac understands 'min-height'... div#columns {min-height: 50em; float: left; width: 400px;} @media all { * html div#columns {height: 50em;} } ... now IE/win is happy, but Safari and IE/Mac is left out. So the above is no good. See it as informative, or rather normative, but useless. -- In order to make *all* browsers happy, we have to change slightly on the original fix - feeding it to IE/win only. The correct fix: 1: Take out previous fix. 2: Add this to bottom of stylesheet: @media all { * html div#columns {height: 50em; float: left; width: 400px;} * html div#leftcolumn {margin-right: -163px; height: auto} * html div#wrapper2 {height: 0;} } I've made use of IE/win's 'container-expansion' here, so neither width nor height will be respected if they are too small. Thus we have min-height and min-width in IE/win, and the footer stays down. Opera, Moz/FF, Safari and IE/Mac will see a normal div#leftcolumn, and make the footer stay below it. Didn't test on Mac btv. --- So, you have a working solution - figured out through a couple of trips across the buggy browser-land. regards Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs (solution)
Now I'm thorougly confused, because that one works! I cleared cache, etc, but the same code isn't working on my server. *shakes head in dismay* Well, eary this morning I was able to look up some code online, did some comparisons, and was able to fix it (fix so I can see it!). Thanks for your help. I really appreciate it. BTW, Isabel, I didn't know you were in Portugal. I live in Lagos. ;) Still learning... ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Isabel Santos wrote: John: This is so very odd! Maybe we are refering different things, or maybe your browser is not clearing the cache, for I'm looking and seing it. I'm refering the yellow background under the link home in the home page, wich has the id active. Forgive me the insistence, I uploaded it to a personal area so you can see it. I'll delete it upon your response. Please check: http://unbound.no.sapo.pt/drzeus/index.htm css file here: http://unbound.no.sapo.pt/drzeus/lib/style.css Isabel Santos (ps: if you get a 404 please warn me - my ISP is giving some wrong DNS translations, strangely only to certain OS) - Original Message - From: john [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Friday, October 01, 2004 6:15 PM Subject: Re: [WSG] IE problem with CSS tabs (solution) I test with IE6...and even though I copies and pasted the CSS you provided, I still don't see the active you are here tab in IE! I don't get this at all... *sigh* Well, I feel I've wasted enough of everybody's time with this issue...I think I'll just have find a ready-made tab set and use it. Thanks. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs (solution)
Isabel, Thank you very much for your help with this. I added your fix, but I'm *still* getting the same problem in IE. Perhaps I'm not putting it in the right place in the CSS? Where did you place it? ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Isabel Santos wrote: John: (http://www.drzeus.net/redesign/cslewis/http://www.drzeus.net/redesign/cslewis/style.css) Allthought your xhtml is valid, the css wasn't validating, so I cleaned up some errors, I do not know if this works with the erros, but, after cleaning, making: #tabmenu a.active:link, #tabmenu li a.active:link, #tabmenu a.active, #tabmenu li a.active { background: #ffc; border-top: 1px solid #ffc; z-index: 30; } gets the active link working on: win IEsp2 6.0, Mozilla 1.8a, Opera 7.5, Netscape 7.1, Mozilla FireFox 1.0 (preview release) Cleaning: You had a couple of padding: 5; without the unit, a color:... without the ; and :root seems not to be recognized by the w3c parser - leaving it there work fine anyway. Isabel Santos ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs (solution)
Hi John, I don't know which tab menu you're using but I tried to get my tab menu to hover in IE... but I never got it to work. So in order to get IE to do something I added a CC for IE. My menu is here http://mouseriders.dk/ Kind regards Kim john wrote: Isabel, Thank you very much for your help with this. I added your fix, but I'm *still* getting the same problem in IE. Perhaps I'm not putting it in the right place in the CSS? Where did you place it? ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Isabel Santos wrote: John: (http://www.drzeus.net/redesign/cslewis/http://www.drzeus.net/redesign/cslewis/style.css) Allthought your xhtml is valid, the css wasn't validating, so I cleaned up some errors, I do not know if this works with the erros, but, after cleaning, making: #tabmenu a.active:link, #tabmenu li a.active:link, #tabmenu a.active, #tabmenu li a.active { background: #ffc; border-top: 1px solid #ffc; z-index: 30; } gets the active link working on: win IEsp2 6.0, Mozilla 1.8a, Opera 7.5, Netscape 7.1, Mozilla FireFox 1.0 (preview release) Cleaning: You had a couple of padding: 5; without the unit, a color:... without the ; and :root seems not to be recognized by the w3c parser - leaving it there work fine anyway. Isabel Santos ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs (solution)
/Win. */ voice-family: \}\; voice-family: inherit; width: 142px; } html#sidemenu li a { width: 150px; /* be nice to Opera */ } #sidemenu li a:hover { font-weight: normal; border-left: 1px solid #69f; border-right: 1px solid #69f; color: #ffc; background: #C60; text-decoration: none; } #secondarymenu { list-style-type:circle; padding-left: 5px; line-height: 2; font-size: 12px; font-weight: normal; } Isabel Santos - Original Message - From: john [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Friday, October 01, 2004 3:55 PM Subject: Re: [WSG] IE problem with CSS tabs (solution) Isabel, Thank you very much for your help with this. I added your fix, but I'm *still* getting the same problem in IE. Perhaps I'm not putting it in the right place in the CSS? Where did you place it? ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs (solution)
; border: 0; } #sidemenu li { text-align: center; border-bottom: 1px solid #69f; width: 150px; margin: 0; padding: 0; color: #000; background: #ffc; } #sidemenutop { border-top: 1px solid #69f; } #sidemenu li a { display: block; font-weight: normal; font-size: 12px; padding: 3px; border-left: 1px solid #69f; border-right: 1px solid #69f; background: #ffc; color: #000; text-decoration: none; width: 150px; /* false value for IE4-5.x/Win. */ voice-family: \}\; voice-family: inherit; width: 142px; } html#sidemenu li a { width: 150px; /* be nice to Opera */ } #sidemenu li a:hover { font-weight: normal; border-left: 1px solid #69f; border-right: 1px solid #69f; color: #ffc; background: #C60; text-decoration: none; } #secondarymenu { list-style-type:circle; padding-left: 5px; line-height: 2; font-size: 12px; font-weight: normal; } Isabel Santos - Original Message - From: john [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Friday, October 01, 2004 3:55 PM Subject: Re: [WSG] IE problem with CSS tabs (solution) Isabel, Thank you very much for your help with this. I added your fix, but I'm *still* getting the same problem in IE. Perhaps I'm not putting it in the right place in the CSS? Where did you place it? ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs (solution)
John: This is so very odd! Maybe we are refering different things, or maybe your browser is not clearing the cache, for I'm looking and seing it. I'm refering the yellow background under the link home in the home page, wich has the id active. Forgive me the insistence, I uploaded it to a personal area so you can see it. I'll delete it upon your response. Please check: http://unbound.no.sapo.pt/drzeus/index.htm css file here: http://unbound.no.sapo.pt/drzeus/lib/style.css Isabel Santos (ps: if you get a 404 please warn me - my ISP is giving some wrong DNS translations, strangely only to certain OS) - Original Message - From: john [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Friday, October 01, 2004 6:15 PM Subject: Re: [WSG] IE problem with CSS tabs (solution) I test with IE6...and even though I copies and pasted the CSS you provided, I still don't see the active you are here tab in IE! I don't get this at all... *sigh* Well, I feel I've wasted enough of everybody's time with this issue...I think I'll just have find a ready-made tab set and use it. Thanks. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs
Thanks, David, for the suggestions (and for the code). I implemented the changes, however nothing seems to have changed. I don't understand why that would be, as everything you said makes perfect sense. However, I'm still not the getting the you are here active tab in IE. Any other possible ideas I should consider? Thanks again. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs
John: Try moving up the priority of the css rule for your active link. I believe making #tabmenu li a.active { ... } shall work, but I didn't teste it. Isabel Santos - Original Message - From: john [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, September 30, 2004 9:00 AM Subject: Re: [WSG] IE problem with CSS tabs Thanks, David, for the suggestions (and for the code). I implemented the changes, however nothing seems to have changed. I don't understand why that would be, as everything you said makes perfect sense. However, I'm still not the getting the you are here active tab in IE. Any other possible ideas I should consider? Thanks again. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs
Isabel, Forgive me, but could you please clarify your suggestion? I tried moving the #tabmenu a.active code up one, but it didn't do anything. I'm really a newbie with CSS, so please bear with me. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Isabel Santos wrote: John: Try moving up the priority of the css rule for your active link. I believe making #tabmenu li a.active { ... } shall work, but I didn't teste it. Isabel Santos - Original Message - From: john [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, September 30, 2004 9:00 AM Subject: Re: [WSG] IE problem with CSS tabs Thanks, David, for the suggestions (and for the code). I implemented the changes, however nothing seems to have changed. I don't understand why that would be, as everything you said makes perfect sense. However, I'm still not the getting the you are here active tab in IE. Any other possible ideas I should consider? Thanks again. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs
I hope it's okay if I jump in here. Typically, to code links in CSS you'd use colons after the a, and in LVHA (link, visited, hover, active) order. For example, #tabmenu a:link { whatever } #tabmenu a:visited { whatever } #tabmenu a:hover { whatever } #tabmenu a:active { whatever } The a:active will be what determines how the link looks when a user is on that page. It looks like you were trying to define classes for the links? The colon is used with pseudoclasses as in the info I gave you above. HTH, Leslie Riggs john wrote: Isabel, Forgive me, but could you please clarify your suggestion? I tried moving the #tabmenu a.active code up one, but it didn't do anything. I'm really a newbie with CSS, so please bear with me. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs
John, Forgive me, I should explain myself better. By moving the priority up I meant increasing the priority of the rule, and that is specifying it more deeply. I really do not know if that is what's happening, but if it is, increasing the specificity of the rule will increase its priority. So instead of telling the browser: #tabmenu a.active { ... } I would try #tabmenu li a.active { ... } or something of the king. The rule is the same, just more specific, so it will overrule the rule for #tabmenu a:link or anyother rule for #tabmenu a I really didn't find any other reason for this to be happening (And in fact, it is happening in IE 6.0 sp2, Mozilla 1.8a, Netscape 7.1, Firefox 1.0 and Opera 7.5), althought I might have overlooked something. Isabel Santos - Original Message - From: john [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, September 30, 2004 4:20 PM Subject: Re: [WSG] IE problem with CSS tabs Isabel, Forgive me, but could you please clarify your suggestion? I tried moving the #tabmenu a.active code up one, but it didn't do anything. I'm really a newbie with CSS, so please bear with me. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter Isabel Santos wrote: John: Try moving up the priority of the css rule for your active link. I believe making #tabmenu li a.active { ... } shall work, but I didn't teste it. Isabel Santos - Original Message - From: john [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, September 30, 2004 9:00 AM Subject: Re: [WSG] IE problem with CSS tabs ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE problem with CSS tabs
My very sincerest apologies, John. I made one small change to the HTML before I started fiddling with the CSS (but which I completely forgot to tell you about). I applied the active class to the list item, rather than the a link: ul id=tabmenu li class=activea href=./index.htmlhome/a/li I'm pretty sure that you don't apply classes to the a href bit. I've never seen it done (which is why I changed it) but others may know better. Sorry about that. This is the one that works for me. David -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of john Sent: Thursday, 30 September 2004 6:01 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] IE problem with CSS tabs Thanks, David, for the suggestions (and for the code). I implemented the changes, however nothing seems to have changed. I don't understand why that would be, as everything you said makes perfect sense. However, I'm still not the getting the you are here active tab in IE. Any other possible ideas I should consider? Thanks again. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs
Actually, I apply classes and styles to hrefs all the time - it's the only way to emulate button functionality on a text link. Cheers, Kevin On 1/10/04 9:23 AM, David McKinnon [EMAIL PROTECTED] wrote: My very sincerest apologies, John. I made one small change to the HTML before I started fiddling with the CSS (but which I completely forgot to tell you about). I applied the active class to the list item, rather than the a link: ul id=tabmenu li class=activea href=./index.htmlhome/a/li I'm pretty sure that you don't apply classes to the a href bit. I've never seen it done (which is why I changed it) but others may know better. Sorry about that. This is the one that works for me. David -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of john Sent: Thursday, 30 September 2004 6:01 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] IE problem with CSS tabs Thanks, David, for the suggestions (and for the code). I implemented the changes, however nothing seems to have changed. I don't understand why that would be, as everything you said makes perfect sense. However, I'm still not the getting the you are here active tab in IE. Any other possible ideas I should consider? Thanks again. ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE problem with CSS tabs (solution)
John: (http://www.drzeus.net/redesign/cslewis/http://www.drzeus.net/redesign/cslewis/style.css) Allthought your xhtml is valid, the css wasn't validating, so I cleaned up some errors, I do not know if this works with the erros, but, after cleaning, making: #tabmenu a.active:link, #tabmenu li a.active:link, #tabmenu a.active, #tabmenu li a.active { background: #ffc; border-top: 1px solid #ffc; z-index: 30; } gets the active link working on: win IEsp2 6.0, Mozilla 1.8a, Opera 7.5, Netscape 7.1, Mozilla FireFox 1.0 (preview release) Cleaning: You had a couple of padding: 5; without the unit, a color:... without the ; and :root seems not to be recognized by the w3c parser - leaving it there work fine anyway. Isabel Santos ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE problem with CSS tabs
Hello, Group. I have a curious problem. I am creating this site with CSS tabs, and making it so that the tab is on while visiting that page. Well, it works in Firefox just fine, but in IE it's not...when on the server. When viewing it on the local drive, it looks good. http://www.drzeus.net/redesign/cslewis/ Thanks! -- ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE problem with CSS tabs
John, 1. You've got your selectors a bit mixed up, they should be: #tabmenu .active a { ... } and #tabmenu .active a:link { ... } etc instead of #tabmenu a.active { ... } and #tabmenu a.active:link { ... } etc Then, the border and background for #tabmenu a.active:link is overriding the border and background for #tabmenu a.active. If you change #tabmenu a.active:link { color: #000; background: #fff; font-size: 0.8em; font-weight: normal; border: 1px solid #69F; padding: 2px; margin: 2px; text-decoration: none; } to something like #tabmenu .active a:link{ color: #000; font-size: 0.8em; font-weight: normal; padding: 2px; margin: 2px; text-decoration: none; } ...it should fix things. Works for me anyhow. You could go one step further to reduce redundant markup: #tabmenu .active a { font-size: 0.8em; font-weight: normal; color: #000; padding: 2px; margin: 2px; text-decoration: none; z-index: 30; } #tabmenu .active a:link { background: #ffc; border-top: 1px solid #ffc; } #tabmenu .active a:hover { background:#c60; border-top: 1px solid #c60; } David -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of john Sent: Wednesday, 29 September 2004 10:49 PM To: web standards group Subject: [WSG] IE problem with CSS tabs Hello, Group. I have a curious problem. I am creating this site with CSS tabs, and making it so that the tab is on while visiting that page. Well, it works in Firefox just fine, but in IE it's not...when on the server. When viewing it on the local drive, it looks good. http://www.drzeus.net/redesign/cslewis/ Thanks! -- ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **