Adam Helweh wrote:
> http://carlpritchard.secretsushi.com//homepage_template_dllist.html
Add this safety style for IE6...
* html #upcoming_events {overflow-x: hidden;}
Add new styles for the part in question...
.event_item, .event_item_last {
color: #18346A;
letter-spacing: -0.1em;
font-weight: bold;
padding-bottom: 15px;
margin-right:10px;
float:left;
font-size: 175%;
padding-top: 15px;
margin-left: 10px;
position: relative;
white-space: nowrap;
display: inline /* IE6 */;
}
.event_item span, .event_item_last span {
font-size: 75%;
font-weight: normal;
letter-spacing: 0;
display: table;
zoom: 1 /* IE */;
white-space: normal;
margin: -1.3em 3px 0 3.8em;
}
* html .event_item span, * html .event_item_last span {margin: -.86em
3px 0 2.8em;}
The result should be pretty consistent in standard compliant browsers.
Tested in Firefox 2 and Opera 9 - with font-resizing.
IE6 is a bit shaky and unstable. Some more debugging needed.
I expect IE7 to be a bit off, but have no idea how far.
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/
