Adding image in right column messes things up

[sea]

I tried adding a new box in the right column with an image and it messes everything up. Here's the code I used for the box:

<div id="my_box_id" class="box">
<div class="box_title_holder">
<div class="box_title">Box title</div>
</div>
<div class="box_body">
<div class="box_content">
<img src="http://i17.tinypic.com/335cxlf.jpg">
</div>
</div>
</div>

[Micha]

Can you share URL of your website?

In what browser does layout breaks?

It's possible that you added image that is wider than width of right column.

[sea]

Can you share URL of your website?

In what browser does layout breaks?

It's possible that you added image that is wider than width of right column.

Ah, that almost completely fixed everything. But now that the image is small enough to fit, another problem has happened. The background color changes from white to grey. (firefox).

Here's how it looks in firefox:

http://img225.imageshack.us/img225/7060/45558157rg5.jpg

Here's how it look in IE (and should look in firefox:

http://img225.imageshack.us/img225/1846/27919019ix9.jpg

[Micha]

This is pretty strange:confused: I don't think this has to do with image you placed inside box.

It's pretty hard to determine what's wrong just by looking at these images.
If you don't want to post your URL live, PM me and I'll take a look of what might be wrong.

[sea]

I actually found out the problem was caused by this code:

http://www.vivvo.net/forums/showthread.php?t=1726

But still not sure how to fix it.

[berto]

I tried adding a new box in the right column with an image and it messes everything up. Here's the code I used for the box:

I had the same problem:

Try doing it with a closing slash:

<IMG src="http://i17.tinypic.com/335cxlf.jpg" />

[sea]

I had the same problem:

Try doing it with a closing slash:

<IMG src="http://i17.tinypic.com/335cxlf.jpg" />

Thanks again berto, worked like a charm!

[Micha]

Little advice for future:

Vivvo is XHTML based, so you can't use straight HTML tags.

For example this problem you had here:

In HTML the <img> tag has no end tag.

<img src="image.gif">

In XHTML the <img> tag must be properly closed.

<img src="image.gif" />

I suggest reading w3schools if you are not familiar with XHTML:

http://www.w3schools.com/xhtml/default.asp