Re: [css-d] IE6/IE7 border problem on list items (wrapping)
Hi Divya, I eventually came to that conclusion as well. I have provided instructions to the programming team to use the HTML vertical pipe in their code. Thanks for the help everybody. --Stephen On Wed, Apr 15, 2009 at 3:32 PM, divya manian wrote: > On Wed, Apr 15, 2009 at 11:43 AM, Stephen Tang > wrote: >> Hi Brian, >> Actually, the tags are display: inline. However, there was a >> float: none that was taking precedence over the float: left in another >> class. When I remove it, I can see what IE6/IE7 is doing. The >> box is actually two lines. >> >> http://www.stephentang.info/ie/test2.html >> >> Hmm, I may have to try applying borders on the anchor tag instead. >> >> --Stephen >> > > I had the same issue before, the only way I resolved it was to use the > pipe character in the HTML. :( Apparently applying borders to inline > elements is messy and should be avoided. > > - divya > http://nimbupani.com/blog > __ 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] IE6/IE7 border problem on list items (wrapping)
Ok, I tried applying this on the tag and it's also broken in IE6/IE7. This looks like a fundamental rendering bug in IE6/IE7. I'm going to have to remove the border entirely and go explicit with a vertical pipe |. Time to go ask the programmers to make a change. --Stephen On Wed, Apr 15, 2009 at 2:43 PM, Stephen Tang wrote: > Hi Brian, > Actually, the tags are display: inline. However, there was a > float: none that was taking precedence over the float: left in another > class. When I remove it, I can see what IE6/IE7 is doing. The > box is actually two lines. > > http://www.stephentang.info/ie/test2.html > > Hmm, I may have to try applying borders on the anchor tag instead. > > --Stephen > > On Wed, Apr 15, 2009 at 2:36 PM, Brian Hazelton wrote: >> instead of display:inline try float:left, it won't allow the items to >> wrap, if it is too long for the line, it will bring it down to the next. >> This may not be the best answer but it should work. >> >> >> > __ 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] IE6/IE7 border problem on list items (wrapping)
On Wed, Apr 15, 2009 at 11:43 AM, Stephen Tang wrote: > Hi Brian, > Actually, the tags are display: inline. However, there was a > float: none that was taking precedence over the float: left in another > class. When I remove it, I can see what IE6/IE7 is doing. The > box is actually two lines. > > http://www.stephentang.info/ie/test2.html > > Hmm, I may have to try applying borders on the anchor tag instead. > > --Stephen > I had the same issue before, the only way I resolved it was to use the pipe character in the HTML. :( Apparently applying borders to inline elements is messy and should be avoided. - divya http://nimbupani.com/blog __ 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] IE6/IE7 border problem on list items (wrapping)
Hi Brian, Actually, the tags are display: inline. However, there was a float: none that was taking precedence over the float: left in another class. When I remove it, I can see what IE6/IE7 is doing. The box is actually two lines. http://www.stephentang.info/ie/test2.html Hmm, I may have to try applying borders on the anchor tag instead. --Stephen On Wed, Apr 15, 2009 at 2:36 PM, Brian Hazelton wrote: > instead of display:inline try float:left, it won't allow the items to > wrap, if it is too long for the line, it will bring it down to the next. > This may not be the best answer but it should work. > > > __ 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] IE6/IE7 border problem on list items (wrapping)
instead of display:inline try float:left, it won't allow the items to wrap, if it is too long for the line, it will bring it down to the next. This may not be the best answer but it should work. __ 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] IE6/IE7 border problem on list items (wrapping)
Hi Brian, Unfortunately, the content of the links are dynamically generated. I'd have to ask the programming team to change their code to create a vertical line explicitly. I'm trying to determine if I can avoid this. I just tried with a border-left and the problem is still there. --Stephen On Wed, Apr 15, 2009 at 2:19 PM, Brian Hazelton wrote: > if the border is just for spacing, you could remove the border and put > in a margin or padding and then for the vertical line seperator just use > the pipe character on the keyboard. > > > __ 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] IE6/IE7 border problem on list items (wrapping)
if the border is just for spacing, you could remove the border and put in a margin or padding and then for the vertical line seperator just use the pipe character on the keyboard. __ 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] IE6/IE7 border problem on list items (wrapping)
Hello, I have a list of links in a fixed-width div. Each link is in an tag. The tag has a border-right to create vertical separators. One of the link's text is too long and word wraps to the next line. In IE6 and IE7, there is an extra right border that appears at the end of the line for that link that is word-wrapping in addition to the correct border-right that appears on the next line. FF and IE8 do not have this problem. Here is the URL isolating the problem. http://stephentang.info/ie/test.html One solution is for me to change the CSS so that there are border-left lines on the tags, but I was wondering if I could avoid this. Thank you for reading. --Stephen __ 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/