I was not able to find an elegant fix for a few problems below. (Both XHTML
and CSS are valid.)
The image on the left is floated left. The next box, a div with some text in
it will not stick close to the image (as it should), but it has some margin
to the left.
Now, as much as I would like to fix that, I don't want my CSS code to look
ugly. I want it to be as clear as possible. The problem is not as severe as
to warrant an extreme fix. Is there such an elegant way of fixing this?
At the bottom of the same page, the dark area should have exactly aligned to
the bottom of the light-grey area. However, that is not the case in IE6. I
have absolutely no idea why that is so. Any suggestions?
I had a peek-a-boo bug on this page:
The menu to the left is floated left and it seems to be the cause of the
problem. I have
for the right column's wrapper div, but it causes the menu to not be
accessible (cannot be clicked) in Firefox. The menu works in IE6, as well as
in IE7, except that in IE6, the heading in the right column has, again, some
extra margin to the left.
Any suggestions are most welcome.
I could have attached the files, but I didn't know if that was okay with you
IE7 information -- 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/