I've spent the last 2 days reading in waaay too much detail
the specs for CSS and HTML.
I am attempting something very simple. I wish to wrap
an image and caption in a span, so that the text can be centred
w.r.t the image, and a border (margin etc) be placed around them both.
This rapidly degenerated into an attempt to simple get
a span to be the size of a contained image.
I'll worry about the rest later.
My most careful reading of specs says that the following should
work. (I'm applying a bright red to make everything visible).
<html>
<head>
<title>test</title>
</head>
<style>
..big {
background-color: red;
padding:16px;
border:1px solid black;
}
</style>
<body>
<p>
<span class="big">
<img src="bigimg.gif" width="542" height="79"><br>
</span>
</p>
</body>
</html>
This should simply put a 16px red border around the image.
I get "strange" results, and they differ tremendously
amongst browsers. Only IE5.1.7 on MacOs9 gives the result
I want (which is not to say it's right of course).
Any advice and input would be more than welcome.
BugBear
