R
RMT
Hi,
I have a couple of CSS elements for placing images on a page, allowing text
to wrap around them:
..imagewrapleft {
width: auto;
float: left;
background: #ffffff;
padding: 6px;
margin-right: 6px;
margin-bottom: 6px;
}
..imagewrapright {
width: auto;
float: right;
background: #ffffff;
padding: 6px;
margin-left: 6px;
margin-bottom: 6px;
}
These elements can be seen in use on this page:
http://www.thermoteknix.com/content/english/stories/story28/index.html (the
two race-car images, top and bottom).
With Firefox/Mozilla, all is well, but with Internet Explorer, the race-car
images are squashed or stretched but un-squash if you right click on the
picture and select "properties"! Refreshing IE reverts them back to their
previous incorrect width and height. Is this a bug in IE CSS
implementation, or an error in my CSS?
Thanks,
Robin
I have a couple of CSS elements for placing images on a page, allowing text
to wrap around them:
..imagewrapleft {
width: auto;
float: left;
background: #ffffff;
padding: 6px;
margin-right: 6px;
margin-bottom: 6px;
}
..imagewrapright {
width: auto;
float: right;
background: #ffffff;
padding: 6px;
margin-left: 6px;
margin-bottom: 6px;
}
These elements can be seen in use on this page:
http://www.thermoteknix.com/content/english/stories/story28/index.html (the
two race-car images, top and bottom).
With Firefox/Mozilla, all is well, but with Internet Explorer, the race-car
images are squashed or stretched but un-squash if you right click on the
picture and select "properties"! Refreshing IE reverts them back to their
previous incorrect width and height. Is this a bug in IE CSS
implementation, or an error in my CSS?
Thanks,
Robin