Hi Georg, Thanks so much for all the effort you have gone to to help! This is not only helpful, but highly instructive.
I do have a couple of questions... On 08/05/2009, at 5:23 AM, Gunlaug Sørtun wrote: > David Bailey wrote: > >> http://www.widemannviolins.com/index.php > > Suggestion: > <http://www.gunlaug.no/tos/alien/db/test_09_0507.html> > > <http://www.gunlaug.no/tos/alien/db/test_09_0507_files/layout00.css> > <http://www.gunlaug.no/tos/alien/db/test_09_0507_files/menu0000.css> > <http://www.gunlaug.no/tos/alien/db/test_09_0507_files/menu_ie.css> > >> 1. Text content: > > a: Do not declare backside margins on the #rightColumn_hp float, as it > then becomes wider than 100% when IE's faulty percentage calculation > kicks in. > > b: absolute position the .hp_img. In your stylesheet, you have reference to: #rightColumn_hp { float: right; width: 80%; margin: 50px 0 0 0; text-align: left; position: relative; clear: both; } Something I was unaware of was that you can float a div as well as position it relatively! I notice that relative positioning doesn't have any position stated - is that because it is floated? Can you explain what is actually happening (or point me to somewhere that I can come to grips with this concept? I can see also, that the relative positioning allows the image to then be absolutely positioned at the bottom of the #rightColumn (something I was having trouble with when I tried to absolute position the image in the first place). > >> 2. Stripes: > > Stiffen up #footer with a hasLayout trigger. Thanks. Several others have mentioned this too, and I've refreshed myself about the hasLayout issues and done as you (and others) have suggested. > >> 3. The Main Nav bar text: > > One can hardly make IE6 render like FF or Safari, but it can be > prettied > up a bit by adding em-width and other trimming. IE6/7 also needs help > with correct stacking of absolute positioned elements - the dropdowns. > I've included the most basic fixes in the suggestion above, compare > with > what you've got and implement as you like. This css is largely the result of (with minor modifications) of WebAssist's CCSMenuWriter. Thanks for your help. > Also included min-width fix for IE6, in case you want that. Thanks for that--most useful. Is there anywhere I can find out an explanation of what you have done here? The real problem I have with the menu bar in IE and the fact that I have to stipulate a width for each menu item in pixels rather than auto is that in order for the text to fit with reasonable spacing between each menu item, I have to give it 100px width. Unfortunately, this creates the problem of the menu bar dropping a line when the window is narrowed or viewed at 800x600. You can see what I mean when comparing the original spacing (which is still seen in your example with 80px width) <http://www.gunlaug.no/ tos/alien/db/test_09_0507.html> and what I have up presently in http://www.widemannviolins.com . FF and Safari are fine, as I can use auto for the width. Is anyone able to supply any kind of solution to this? Thanks so much for your help, David ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
