Steve Hooker's Radio: kids, war, blogs, gadgets: A Welsh man in the wrong country, going home
![]()
|
Independent web developer. Graphic designer, web designer, Frontier developer, Manila hoster, latest project: intranet build for Government Office of West Midlands (UK), committed blogger since 1999.
See more details on services and more personal background who and where. |
"This demo illustrates how to achieve a layout with 3 columns of equal height using only one column. The trick is to use a central column (this one) and add borders to it. Then position your other 2 columns so they overlay the borders."
Clever! I've been puzzeling problem for a while now.
I was attracted to this site with the weird and wonderful pencils in CSS.
The geezer, has taken an image, rendered the whole thing in stylesheets
with absolute positioned pixels, thus he can change colours by
switching stylesheets.
Looking around for his links and others:
Some nice drop down menus in CSS, but unsuitable for IE.
Then there's the graphs in CSS - which work in IE. Different site, mind. I certainly love those borders.
Another site: a scroll bar CSS generator for IE5.5
And mouse over menus? Tons at Wireframe (works in IE)
More tricks: It's quite often, when navigating through a long document, confusing or disorienting for users to click a link which immediately jumps them to somewhere else in that document. Are they on the same page, on a different page, should they scroll more from here, what's going on?
Smooth link scrolling alleviates this a little, by scrolling the page to the
new link rather than jumping there directly.
Getting off the point, some javascripts: automatic search word
highlighting after web searches. Like my Google bar... I've seen this
on a few sites. Quite useful (if I didn't have my Google bar in
Firebird). And from the same trickster (Stuart Langridge) sortable tables, just like Excel.
Madness with borders that look like triangles, which can them be further messed with.
And it looks as though this chap solved my stylesheet swapping problem. Using a drop down list. Thus, he could have as many sheets as he wants.
That's enough. Time for bed Sooty.
1575 Also posted to: cyberSaps
Permalink Top Search Google Technorati
Other title(s) for this story: 3 Columns From 1

