Hi, I have a page that is causing me a little grief and hope that you can help me. I have HTML generated by php and styled by CSS. I have extracted an example of the HTML which may be found at www.kuroi.co.uk/testing/index.html.
Basically, it works but the styling is slightly off in FF. In particular, I would like to align the baseline of the labels next to each checkbox with the bottom of the checkbox. IE does this without my intervention. Is there a way of styling this in CSS to persuade FF to fall in line? Also, try as I might I can't persuade FF to put some space after each group of checkboxes. I have tried setting margin-top and padding-top for the divs containing the headers (i.e. menuHeaderOn and menuHeaderOff) and also using padding-bottom or margin-bottom for checboxBlock. IE adds whitespace exactly as expected. FF appears to do nothing until I put in big numbers when spaces open up that suggest that they are being calculated from the top of the div rather than the bottom. Finally, I'm curious as to why if I leave out the height definitions for menuHeaderOn and menuHeaderOff. Their coloured backgrounds disappear suggesting that their height has gone to zero, even though they stil contain elements with non-zero height. My gut tells me (rightly or wrongly) that there is a single explanation for the last two points. I'd be very grateful if somebody out there could help me to find it. Many thanks Peter ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
