ie6 and gap between list items

Gallex · 2010-01-20 12:42:26

here, in a list of left sidebar

i know, i’m missing something very obvious, but can’t find/remember

redbot · 2010-01-20 14:10:43

Try adding “display: inline” to your “li” items

hakjoon · 2010-01-20 14:51:01

Inline will make it so you can’t assign height and vertical padding to the elements in some browsers.

If you need to do that a float:left; clear:left combo on the li’s will also get rid of the gap in IE6.

redbot · 2010-01-20 16:36:01

hakjoon wrote:

Inline will make it so you can’t assign height and vertical padding to the elements in some browsers.

Yes, of course. But in this scenario you can assign height and vertical padding to the inner “a” elements which are already set to “display:block”… furthermore your solution requires also to set a specific width for the “li“s or a “white-space:nowrap” rule if you want to avoid linebreaks.
P.S. yes, this is a silly dispute I know ;)

hakjoon · 2010-01-21 01:34:55

true, just offering a another solution, didn’t mean to imply yours was bad (sorry if it came across that way)

I’ve needed the li’s to actually wrap the block element in the past and display:inline had odd behaviors where the top and bottom of the a actually broke out of the container.

Like with most css things there are about 999999 ways to do it

Gallex · 2010-01-21 09:09:46

added redbot’s recommendation – works and didn’t brake anything. thank’s guys

Gallex · 2010-01-22 12:18:33

still 1:0 to hakjoon.
discovered that ie8 didn’t like redbot’s advice.

final solution:

#sidebar-1 li{
background:none;
margin: 0;
padding: 0 ;
float:left;
clear:left;
width: 230px;
white-space:nowrap;
}

looks like this works in ie6-8, opera, firefox, safari.
or did anybody find something else?

redbot · 2010-01-22 15:30:05

I thought you were using a conditional stilesheet for ie6 only. IMHO you’ll have a hard time using a single stylesheet for all browsers.
Anyway I’m glad you found a solution that works

Gallex · 2010-01-23 11:03:49

redbot wrote:

I thought you were using a conditional stilesheet for ie6 only. IMHO you’ll have a hard time using a single stylesheet for all browsers.

took your advcice and created separate stylesheet for ie6

Textpattern CMS

Textpattern CMS support forum

#1 2010-01-20 12:42:26

ie6 and gap between list items

#2 2010-01-20 14:10:43

Re: ie6 and gap between list items

#3 2010-01-20 14:51:01

Re: ie6 and gap between list items

#4 2010-01-20 16:36:01

Re: ie6 and gap between list items

#5 2010-01-21 01:34:55

Re: ie6 and gap between list items

#6 2010-01-21 09:09:46

Re: ie6 and gap between list items

#7 2010-01-22 12:18:33

Re: ie6 and gap between list items

#8 2010-01-22 15:30:05

Re: ie6 and gap between list items

#9 2010-01-23 11:03:49

Re: ie6 and gap between list items

Board footer