> http://sswd51.accountsupport.com/index.html
Ricky Zhou wrote:
> #top { float: left; }
> #top img { float: left; }
> #top img + img { float: right; }
That's only working in Firefox at my end.
IE6 (and older IE-versions) doesn't understand the '+' selector, and
Opera tends to shrink a floating #top-container.
The following is more cross-browser stable, and can be trimmed to taste...
#top {height: 66px; min-width: 500px; }
#top img { float: left; }
#top img#beach { float: right; }
<div id="top"><img src="logo3000.jpg" alt="logo" /><img id="beach"
src="beach.gif" alt="beach" />
...by adjusting 'height'. Note the extra ID on the last image.
General coments:
Browsers won't act properly on the spacer-gif you've got in there, so
you may as well delete it since it adds to height on #top in IE/win on
narrow windows.
Borders can be defined as 'shorthand'...
#top {border:1px solid #C6C865;}
...should do as long as the same values are to be used on all 4 sides.
Will result in smaller-size stylesheet.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
