Strange sizes

See left colum of http://www.naturistart.eu/test/test-1.html

Relevant sizes:

#column1 {
width: 260px;
border-right: 1px dotted #000000;
margin: 5px 5px 0 0;
}

So together: 260+1+5=266

The first image:

a.test:link img { border: 2px solid #FFFFFF; }
<img src="weight-loss-250x140.gif" width=250 height=140>

So together: 250+2+2=254

And I see the same width ??? How is that possible?

Might someone explane to me?

Regards
Loek

Sorry did what wrong:

Relevant sizes:

#column1 {
width: 260px;
border-right: 1px dotted #000000;
margin: 5px 5px 0 0;

}

So together: 260+1+5=266

The first image:

a.test:link img { border: 2px solid #FFFFFF; }
img src="weight-loss-250x140.gif" width=250 height=140

So together: 250+2+2=254

And after:
h2.L {
padding-left: 6px;
margin: 20px 0 20px 0;
width: 245px;
}

So together: 245+0=245

And an itmem:
div.itemL {
clear: left;
padding: 10px 0 10px 5px;
width: 245px;
}

What seems image of 254 has the same width as under it 245px

How is that possible?
Loek

Annemie wrote:

See left colum of http://www.naturistart.eu/test/test-1.html

#column1 {
width: 260px;
border-right: 1px dotted #000000;
margin: 5px 5px 0 0;
}

So together: 260+1+5=266


a.test:link img { border: 2px solid #FFFFFF; }
img src="weight-loss-250x140.gif" width=250 height=140

So together: 250+2+2=254

And I see the same width ??? How is that possible?

Why do you say you see the same width? In my FF, the img is smaller than
the column1. What browser(s) do you see this problem in?

I changed your column1 bg to pink so I could see what's going on.
Otherwise how can you tell what the widtyhs are?

HTH

--
John
Pondering the value of the UIP: http://blinkynet.net/comp/uip5.html