� wrote: > Rob O'Rourke wrote: > >> http://brendan.o-rourke.org/archive/new-website > >> * When you scroll down the content area seems to cover the main >> heading text even though it's in a fixed position header div. I can't >> work it out... > > Add... > #head {z-index: 1;} > ...and delete the entire div[id="head"] * - make them 'static'. > > It is in particular the 'position: relative' on 'h1 a' that Safari has > problems with, but none of those elements needs to be stacked in any > browser anyway. It is more than enough to stack the 'fixed' #head and > place .fade inside it and restyle .fade to also be 'static'. > > Your .fade may otherwise end up slightly in the wrong position under > certain circumstances (see: font-resizing / minimum font-size), since > you use 'top: 4em' on .fade now. > >> * The comments have the date field positioned top right and the >> background colours should run together seamlessly, see IE, firefox or >> opera for the correct behaviour. > > Sorry, but none of my browsers agree on where to position that date > field, because they all (except IE) add 'minimum font size' into the > equation. > > If you want that date field ( <small> ) positioned reliable across > browser-land, then a margin-top won't do. You should rather try the > following... > > Add... > > .comment { > position: relative; > } > > Use... > > .comment small { > position: absolute; > bottom: 100%; > right: 0; > margin: 0 /* default - can be adjusted slightly */; > padding : 2px 8px 0 8px; > font-weight : bold; > font-size : 1em; > > ...and no browser will disagree on where to position that date field - > with its bottom exactly at the upper-right edge of each comment. > > regards > Georg
Thank you very much Georg that worked beautifully, and makes a lot more sense (don't know what i was thinking there). I was making things difficult for myself again - I decided to go the fixed position route halfway through making it which didn't help.. Thanks again Rob ______________________________________________________________________ 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/
