Hey there everyone. I've got two CSS problems that, for the first time in a
while, I have no idea how to do after several days of thinking.
The first is that I'm trying to simulate a 2*2 table with a fixed-width ul
(I gave up on it being fluid a while ago). This would not ordinarily be much
of a problem, as I could float the li's left, give them half the width,
etc.. However, in this instance, the li's will not be the same height, so
that is not an option.
Also, li's in the same row have to be the same height, so that I can
position the buttons at the bottom. display:table-cell isn't an option, for
Currently what I have is two ul's in a div, stacked on top of each other and
containing their respective floating li's - however, this does not fix the
The second problem is on the h2's. What I want is for the h2's left side to
be flush with the text, until it is longer than the space allowed. Then, it
should start sticking out the left. Currently, I'm doing this with a
right-floated min-width for normal browsers, and with an ugly ugly 'i' tag
in the h2 that has a width the same as the min-width, to 'prop' it open.
I don't mind using expressions as a hack for IE here, as long as they can do
Is there anyone who can help me with either problem? Thanks in advance!
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/