Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
matthewjamestaylor.com
Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
1–10 of 16 posts
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#2I'm more impressed by the diagrams explaining what's going on with each html tag and its CSS attributes.
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#3It can be argued that the wrapper div is not semantically relevant.
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#4I think its quite a good site for css layout examples...
I remember discovering how position:absolute was in fact _relative_ to the enclosing div/element, ayaaay!
another css layout approach given here - http://www.digital-web.com/articles/everything_you_know_abou... [ although ie6 seems to be broken wrt tabular divs, eek ]
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#5I think its quite a good site for css layout examples... I remember discovering how position:absolute was in fact _relative_ to the enclosing div/element, ayaaay! another css layout approach given here - http://www.digital-web.com/articles/everything_you_know_abou... [ although ie6 seems to be broken wrt tabular divs, eek ]
position:absolute only behaves that way relative to a positioned parent -- if the parent doesn't have the position attribute set, it keeps looking up the hierarchy until it finds one that is (or is the root).
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#6Doesn't work in my Chrome actually. 2.0.173.1
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#7welcome to 2004!
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#8I think its quite a good site for css layout examples... I remember discovering how position:absolute was in fact _relative_ to the enclosing div/element, ayaaay! another css layout approach given here - http://www.digital-web.com/articles/everything_you_know_abou... [ although ie6 seems to be broken wrt tabular divs, eek ]
position:absolute only behaves that way relative to a positioned parent -- if the parent doesn't have the position attribute set, it keeps looking up the hierarchy until it finds one that is (or is the root).
While we're nit-picking: if the parent doesn't have the position attribute set isn't quite accurate: the containing block must not have static positioning (which it does by default), but one of absolute, relative or fixed.
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#9Earlier quoted context omitted.
position:absolute only behaves that way relative to a positioned parent -- if the parent doesn't have the position attribute set, it keeps looking up the hierarchy until it finds one that is (or is the root).
While we're nit-picking: if the parent doesn't have the position attribute set isn't quite accurate: the containing block must not have static positioning (which it does by default), but one of absolute, relative or fixed.
thats kind of my point - its not trivially obvious that "absolute" is not absolute.
I know ... RTFM.. but then theres what browsers actually do as a mixin.
Hence good examples of motifs that are reasonably portable are all the more valuable.
Re: Beautiful Horizontally Centered Menus/Tabs/List. No CSS hacks. Full cross-browser.
#10It can be argued that the wrapper div is not semantically relevant.
interesting point actually...
Given the same textual semantic content 'information', a badly laid out and a well laid out site can be orders of magnitude easier/harder to read. One might draw from this that _layout_ has some semantic content.
Think of a google result list being randomized - the layout clearly has semantic content [best ranked first in layout]