4 replies [Last post]
inibex
Offline
newbie
Brazil
Last seen: 13 years 5 weeks ago
Brazil
Joined: 2009-05-22
Posts: 3
Points: 0

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.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

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

inibex
Offline
newbie
Brazil
Last seen: 13 years 5 weeks ago
Brazil
Joined: 2009-05-22
Posts: 3
Points: 0

Hi Tony. I'm trying to

Hi Tony.

I'm trying to figure it out.

The div can also be nested.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 4 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

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.

inibex
Offline
newbie
Brazil
Last seen: 13 years 5 weeks ago
Brazil
Joined: 2009-05-22
Posts: 3
Points: 0

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.