Re: [css-d] double borders. A different story in IE?
On Thu, 16 Apr 2009 16:11:32 +0300 Came this utterance formulated by Jon Wickström to my mailbox: > > And yet you have a fake XML declaration in line 9 which does nothing > > that i can see. Still would validate though. > > It's a HTML-comment. I can't see what difference it would make. It was > suggested IE goes into quirks mode because of a xml-declaration, so I > moved it down and made it into a comment... That explains it. It isn't doing any harm, it's just redundant and adds confusion as you do have an XML declaration, a real one, on line 1. This dummy XML declaration quotes a different character encoding which make one wonder which character encoding you wished to really use. > > Your initial post hit the list Thu, 02 Apr 2009 16:30:07 +0300. > > My reply went out Fri, 10 Apr 2009 08:49:20 +1200. > > Sorry, I didn't mean to step on any toes. I just meant it's not a > problem for me anymore. More like an itch or something, as I don't > know why it's not working... Mine wasn't an emotional response. I just pointed out that it hadn't been a week without a reply as you had claimed. I still don't intend to get emotional over it. > > Which version of IE are you using? Is it in standards mode or quirks > > mode? You are forcing IE6 and less into quirks mode, which may be > > intentional. > > IE7. I'm hoping it is in standards compliant mode. Shouldn't the > doctype declaration do that? It should be fine in that respect, i'll have a look at it cross browser, later. You should also look at your pages in IE6 as the real XML declaration does drop this page into quirks mode. Try this if you are on XP. http://tredosoft.com/Multiple_IE > > URL: http://www.ekebodagis.fi/ekebo/test.html Enough Off Topic, lets get back to your original issue. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
Jon Wickström wrote:
[...]
> IE7. I'm hoping it is in standards compliant mode. Shouldn't the doctype
> declaration do that?
>
> URL: http://www.ekebodagis.fi/ekebo/test.html
>
> Regards,
>Jon Wickström
Jon, you have this.
#meny li.selected {
border: 9px double red;
margin: 0;
}
IE7 only allows 5px, 10px and then 11px, 12px, and so on. The double
lines overlap the border-bottom of the from 6px to 9px or move away
from the border-bottom of the from 3px to 4px. This is simple a
error seen in IE7 when using ems. May I suggest 10px. You may want to
revue your use of ems for all borders.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
> And yet you have a fake XML declaration in line 9 which does nothing > that i can see. Still would validate though. It's a HTML-comment. I can't see what difference it would make. It was suggested IE goes into quirks mode because of a xml-declaration, so I moved it down and made it into a comment... > Your initial post hit the list Thu, 02 Apr 2009 16:30:07 +0300. > My reply went out Fri, 10 Apr 2009 08:49:20 +1200. Sorry, I didn't mean to step on any toes. I just meant it's not a problem for me anymore. More like an itch or something, as I don't know why it's not working... > Which version of IE are you using? Is it in standards mode or quirks > mode? You are forcing IE6 and less into quirks mode, which may be > intentional. IE7. I'm hoping it is in standards compliant mode. Shouldn't the doctype declaration do that? URL: http://www.ekebodagis.fi/ekebo/test.html Regards, Jon Wickström __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
On Wed, 15 Apr 2009 14:44:27 +0300 Came this utterance formulated by Jon Wickström to my mailbox: > > Fix the errors in your xhtml first. > > http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ekebodagis. > > fi%2Fekebo%2Ftest.html&charset=%28detect+automatically%29&doct > > ype=Inline&group=0 > > Now my example validates cleanly... And yet you have a fake XML declaration in line 9 which does nothing that i can see. Still would validate though. > It still behaves the same way > though... I have actually moved on. As it took over a week to get the > first response to my initial question I assumed nobody cared or had > any suggestions. Your initial post hit the list Thu, 02 Apr 2009 16:30:07 +0300. My reply went out Fri, 10 Apr 2009 08:49:20 +1200. > I solved it by using an extra DIV to give the look of a double > border... See main page http://www.ekebodagis.fi > > Is there no visual standard for how a double border should look? Any > which way, IE seems to do the double border a bit differently from all > the other browsers. I'm still a bit curious why the border in IE > overflows the UL-element in my example... > http://www.ekebodagis.fi/ekebo/test.html > Not even looking at it, but can i suggest the box model bug? http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/ Which version of IE are you using? Is it in standards mode or quirks mode? You are forcing IE6 and less into quirks mode, which may be intentional. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
> Fix the errors in your xhtml first. > http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ekebodagis. > fi%2Fekebo%2Ftest.html&charset=%28detect+automatically%29&doct > ype=Inline&group=0 Now my example validates cleanly... It still behaves the same way though... I have actually moved on. As it took over a week to get the first response to my initial question I assumed nobody cared or had any suggestions. I solved it by using an extra DIV to give the look of a double border... See main page http://www.ekebodagis.fi Is there no visual standard for how a double border should look? Any which way, IE seems to do the double border a bit differently from all the other browsers. I'm still a bit curious why the border in IE overflows the UL-element in my example... http://www.ekebodagis.fi/ekebo/test.html Regards, Jon Wickström __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
On Thu, 09 Apr 2009 23:44:04 -0700 Came this utterance formulated by Divya Manian to my mailbox: > On 4/9/09 1:37 PM, "Michael Adams" wrote: > > > Divya - I disagree. IE7 handles the XML declaration fine in > > standards mode[1]. Although i see it on line 8 when it should always > > be on line 1. IMHO IE less than IE7 should always be in quirks mode > > and the XML declaration will achieve this. > > > > Jon - I am on linux here at home so no IE running. Will look at it > > at work later today but you may already have an answer by then. > > > > [1] http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx > > I think this bug is still triggered in IE 6[1], but I didn't realise > the question was asked for IE 7. Sorry about that. > > [1] http://www.quirksmode.org/css/quirksmode.html > My point was that I don't see quirks mode as a bug. I find it useful and actively force IE5 - IE6 into it. That way they behave more consistently. I see the XML declaration as the cleanest way to force quirks mode. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
On 4/9/09 1:37 PM, "Michael Adams" wrote: > Divya - I disagree. IE7 handles the XML declaration fine in standards > mode[1]. Although i see it on line 8 when it should always be on line 1. > IMHO IE less than IE7 should always be in quirks mode and the XML > declaration will achieve this. > > Jon - I am on linux here at home so no IE running. Will look at it at > work later today but you may already have an answer by then. > > [1] http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx I think this bug is still triggered in IE 6[1], but I didn't realise the question was asked for IE 7. Sorry about that. [1] http://www.quirksmode.org/css/quirksmode.html __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
On Thu, 02 Apr 2009 16:30:07 +0300 Came this utterance formulated by Jon Wickström to my mailbox: > Hi, > > I'm trying to style a horizontal menu with double borders on the > active LI menu item. There is some use of nested floating, as I want > to use blocks for the LI to get them an even width. IE (7, haven't > even tried 6) just gets it plain wrong (from my point of view). The > double border seems to work differently in IE compared to all other > browsers I've tried (FF, Opera, Chrome). IE renders the "middle" line > in a double border transparent. All other browsers use the elements > bg-color. IE also shows som strange stuff with the alignment. The > borders overlap the parent elements borders. Some kind of collapsing > borders in IE?!?! Is this really the case or is my CSS/HTML just > broken in IE? One huch I have is that IE is using it's own box model, > not the standard compliant? I vaguely remember something about IE not > including the borders inside the box. > > The look I'm after is a "double border" with the inner border the same > color as the parent bg, and the outer the element bg. This I get in > all sane browsers by specifying the parent bg as the border color and > the border style "double". This gives me a separated border with the > element bg color. In the example I use red, not the parent > backgroundborder color, to see the border clearly. > > The green border is just for your viewing pleasure. It is a div used > for markup to center the menu. If anybody has a cleaner > centering-solution, I'd bee happy to look at it. > > For a test-case see: > http://www.ekebodagis.fi/ekebo/test.html > Fix the errors in your xhtml first. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ekebodagis.fi%2Fekebo%2Ftest.html&charset=%28detect+automatically%29&doctype=Inline&group=0 -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
On Thu, 09 Apr 2009 07:16:29 -0700 Came this utterance formulated by Divya Manian to my mailbox: > On 4/2/09 6:30 AM, "Jon Wickström" wrote: > > > The look I'm after is a "double border" with the inner border the > > same color as the parent bg, and the outer the element bg. This I > > get in all sane browsers by specifying the parent bg as the border > > color and the border style"double". This gives me a separated border > > with the element bg color. In the example I use red, not the parent > > backgroundborder color, to see the border clearly. > > > > The green border is just for your viewing pleasure. It is a div used > > for markup to center the menu. If anybody has a cleaner > > centering-solution, I'd bee happy to look at it. > > > > For a test-case see: > > http://www.ekebodagis.fi/ekebo/test.html > > > IE is rendering your page in quirks mode because of the xml namespace > declaration on top. Remove that and serve the page as content type > text/html or use HTML 4 Strict if necessary. > Divya - I disagree. IE7 handles the XML declaration fine in standards mode[1]. Although i see it on line 8 when it should always be on line 1. IMHO IE less than IE7 should always be in quirks mode and the XML declaration will achieve this. Jon - I am on linux here at home so no IE running. Will look at it at work later today but you may already have an answer by then. [1] http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] double borders. A different story in IE?
On 4/2/09 6:30 AM, "Jon Wickström" wrote: > The look I'm after is a "double border" with the inner border the same color > as the parent bg, and the outer the element bg. This I get in all sane > browsers by specifying the parent bg as the border color and the border style > "double". This gives me a separated border with the element bg color. In the > example I use red, not the parent backgroundborder color, to see the border > clearly. > > The green border is just for your viewing pleasure. It is a div used for > markup to center the menu. If anybody has a cleaner centering-solution, I'd > bee happy to look at it. > > For a test-case see: > http://www.ekebodagis.fi/ekebo/test.html IE is rendering your page in quirks mode because of the xml namespace declaration on top. Remove that and serve the page as content type text/html or use HTML 4 Strict if necessary. - divya __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] double borders. A different story in IE?
Hi, I'm trying to style a horizontal menu with double borders on the active LI menu item. There is some use of nested floating, as I want to use blocks for the LI to get them an even width. IE (7, haven't even tried 6) just gets it plain wrong (from my point of view). The double border seems to work differently in IE compared to all other browsers I've tried (FF, Opera, Chrome). IE renders the "middle" line in a double border transparent. All other browsers use the elements bg-color. IE also shows som strange stuff with the alignment. The borders overlap the parent elements borders. Some kind of collapsing borders in IE?!?! Is this really the case or is my CSS/HTML just broken in IE? One huch I have is that IE is using it's own box model, not the standard compliant? I vaguely remember something about IE not including the borders inside the box. The look I'm after is a "double border" with the inner border the same color as the parent bg, and the outer the element bg. This I get in all sane browsers by specifying the parent bg as the border color and the border style "double". This gives me a separated border with the element bg color. In the example I use red, not the parent backgroundborder color, to see the border clearly. The green border is just for your viewing pleasure. It is a div used for markup to center the menu. If anybody has a cleaner centering-solution, I'd bee happy to look at it. For a test-case see: http://www.ekebodagis.fi/ekebo/test.html Regards, Jon Wickström __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
