Good night, sirs.
This is my first post. I'd like to thank everyone here for the good job, it helped me a lot.
I'm a webdesigner and have almost finished my last work, a motorcycle blog. I use BlogEngine.NET as the blog core and, officialy, they don't suport IE6.
Here in Brazil, we have a lot of visitors with IE6. Even this soft is pretty outdated, I care about everyone, regardless of browser choice, and I would like them to see the blog exactly as I planned.
I could manage to solve almost every mistake on the layout, but one is driving me crazy. It's all about the comments part.
It has a container that holds the picture and the commentary of the visitor, and, if the comment is too short, the picture "cuts" the DIV. The cointainer doesn't seem to expand itself so it can fit all the content.
The problem also occurs in the comment preview area "Pré-Visualizar".
I need help at this point, because none of the hacks I tried seemed to work. It looks like IE6 doesn't understand the min-height.
Here's the address of the website with a comment that illustrate the problem:
http://motociclismo.blog.br/post/Todos-os-capacetes-dos-pilotos-da-MotoGP-2009!.aspx
Here's a screenshot of the problem:
http://www.motociclismo.blog.br/erro.jpg
Everything works fine in IE7, IE8, FF, Chrome, Safari and Opera.
Thanks in advice. Farewell folks.
Hi inibex, The quickest way
Hi inibex,
The quickest way to fix that would be to float the .comment div.
If that doesn't work read up on this: http://csscreator.com/attributes/containedfloat.php
Hi Tony. I'm trying to
Hi Tony.
I'm trying to figure it out.
The div can also be nested.
Yes. The paragraph
Yes.
The paragraph containing the image .gravatar is floated, so float the div.vcard.comment and it should wrap around the image.
No way...
I couldn't figure it out. Sorry.
If someone can help, I put the HTML with CSS in one page. Just save it.
http://motociclismo.blog.br/page.html
Many thanks in advance.