Soldato
- Joined
- 30 Nov 2005
- Posts
- 3,084
- Location
- London
Been scratching my head trying to see what's wrong but in IE8 and Chrome it renders fine, but in FireFox the right floating of the 'handle' class appears correctly on the right side but below rather than inline.
Code:
<style type="text/css">
.demo { width:950px; height: 750px; background-color:#3e0000; }
.column { width: 305px; float: left; padding-bottom: 100px; }
.portlet { margin: 0 1em 1em 0; background-color:#7c0000; color:#FFFFFF; height: 230px; }
.portlet-header { float:left; padding-bottom: 4px; padding-left: 0.2em; background-color:#b21f24; height:35px; width: 286px; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 230px !important; background-color: #FFFFFF; }
.ui-sortable-placeholder * { visibility: hidden; }
.handle {float:right; width:40px; height:32px; margin:0; padding: 0; }
</style>
Code:
<div class="demo">
<div class="column" id="col0">
<div class="portlet" id="p_0">
<div class="portlet-header">Feeds <img src="arrow.png" alt="move" width="40" height="32" class="handle" /></div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div>
</div>
</div></div>
Last edited:
