Chris Pallé wrote:
> http://www.shuttersbeachstyle.weblobby.com/beach.asp
I think you're attacking the problem backwards. It is more reliable to
absolute-position the image, and let the rest stay in the natural flow.
That way it'll self-adjust and take font-resizing quite well.
There's generally too much absolute positioning of elements in that page
- which means *trouble* with text and resizing, but I have focused on
the part you've requested help with.
Test out a working solution by placing the following 'override' in the
page-head...
<style type="text/css">
/*<![CDATA[*/
#prodPgNav {
height : 1.3em;
padding : 15px 0;
}
#listingContainer {
position : relative;
width : 517px;
left : 275px;
top : 0;
clear : both;
z-index : 1;
}
div.item {
text-align : left;
display : block;
position : relative;
float : left;
width : 258px;
margin-bottom : 20px;
display : inline;
height : auto;
padding-bottom: 1em;
}
div.item h3.itemName {
font-size : 0.9em;
position : static;
margin-top: 182px;
}
div.item ul li.itemPrice {
font-family : arial, verdana, sans-serif;
position: static;
}
div.item img {
position: absolute;
top: 0;
left: 0;
}
/*]]>*/
</style>
...and correct/replace what's in the stylesheet once you are satisfied
with the result.
Note that IE/win isn't allowed to resize text naturally when given those
'points', and the result of IE's 'ignore font sizes' isn't all that
pleasing.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
