SITE REVIEW: Okinawa Market

ok it doesn't work because you cannot control the heights of the spans properly. I fiddled about for about half an hour and it works ok-ish in firefox, if you have less than seven lines of text - after that the text just dissapears for no good reason.

The only way I can see to make it work is to have each row in a paragraph or other block level element, and inside the paragraph you would have two spans (is this sounding anthing like table markup yet?).

The left hand span would then be floated left. The righthand span would have to have a margin => the width of the left span, incase the right span had more lines of text in it.

You would then lose the block red bit ( in IE at least, you can force mozilla to do it), and you have used far more coding than is neccesary. I therefore retract my previous wrist slapping.

What I was thinking of is a technique to put labels next to form elements so they align either side of a central line:



although the line is invisible. The technique is not transferable to this situation though. Don't I feel oh-so-silly now.....

Check this out: http://www.gsv2.com/test

This has excellent applicable use in a photo gallery or products page. No matter the size of the monitor, dl's will fit to the width without screwing up layouts the way tables do. Pretty groovy.