ansaurus

Question

Answer 1

A:

I'm not so good with CSS boxes, but could adding: display:inline; to the image style fix the porblem? And/Or adding margin:0px;
Oh and is the brwoser rendering in Quirks mode, since not making it render in Quirks mode could fix some problems too.

Edit
By quirks mode I mean, does your page has a DOCTYPE declaration similar to the one below (although you should off course use the corrext DOCTYPE)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;

more about DOCTYPES here: http://htmlhelp.com/tools/validator/doctype.html

Pim Jager 2008-11-17 17:00:28

unfortunately not. thanks for suggestion though. And browser is firefox default settings.

2008-11-17 17:13:04

Answer 2

+2 A:

Try floating the two interal divs.

float:left;

adam 2008-11-17 17:20:03

Don't forget to clear them both, too. :)

Zack Mulgrew 2008-11-17 17:21:57

Why should they be cleared?

Tomalak 2008-11-17 17:35:32

Answer 3

+2 A:

You might want to try floating the image to the left of the text. This way the text will sit next to the image without the need for positioning. For example:

<style>
div {
position: absolute;
border: 1px solid blue;
}
div img {
height: 31px;
width: 50px;
float: left;
}
</style>

<div>
    <img src="myImage.gif">
    <p>Lorem ipsum dolor sit amet...</p>
</div>

Adjust the layout by giving your container div some padding and/or the image a margin and you should be able to get exactly the look you're after. Good luck!

Ola Tuvesson 2008-11-17 17:25:56

ah great! thank you very much.

2008-11-17 17:34:08

ansaurus

tags:

views:

answers:

div with images problem

related questions