Comments on: Faux Borders and Pseudo Table Effect

By: 24sata.hr goes non-standards | maratz.com

24sata.hr goes non-standards | maratz.com — Mon, 02 Jun 2008 09:05:16 +0000

[...] we were developing the first incarnation, we learned a lot about Mac browsers and also introduced Faux borders, the advanced CSS positioning concept, which after that became widely recognized. When the original [...]

By: marko

marko — Sat, 20 Aug 2005 08:49:44 +0000

Ouch! For five months nobody saw that :)

By: Ta Mok

Ta Mok — Sat, 20 Aug 2005 01:09:20 +0000

Excuse me but…
“(100px width + 2px right-margin + 2 x 1px borders) x 3 boxes = 612px total width)” is not quite correct ;) You probably meant 200px (as I can see width of boxes in examples).
Anyway it does work in IE6.
Regards

By: eSearing

eSearing — Tue, 21 Jun 2005 13:38:30 +0000

could you place an invisible image in the containers which forces the height width to a particular size? Or is that what you are doing in the background div.

Roan,
here is a method I came up with but not as elegant because it uses scroll bars:
http://esearing.com/webDev/mockups/3ColsNested.html

By: Roan Lavery

Roan Lavery — Sun, 19 Jun 2005 17:47:45 +0000

Just stumbled across this. Interesting article, although I’ve still to find a solution that works for liquid designs.

All of these “faux techniques” rely on fixed width images which obviously wont resize. Has anybody found a solution for liquid designs?

Is probably the only scenario where I still end up having to use tables.

By: dusoft

dusoft — Mon, 21 Mar 2005 00:27:12 +0000

Good explanation of interesting solution.

By: marko

marko — Thu, 17 Mar 2005 14:29:09 +0000

@Kae: As Dean Edwards wrote:

“Remember this is alpha software. I’m still developing this solution, what you are looking at is a work in progress. It is not advisable to use IE7 on a commercial web site until it becomes at least beta software.”

By: Kae Verens

Kae Verens — Thu, 17 Mar 2005 13:59:25 +0000

I’d recommend using .subNav li:first-child and .subNav li:last-child to select the LIs, as it will mean less repetition in the source.

Firefox will understand what you mean, and you can get IE to understand it by applying Dean Edwards’ IE7 patch (ie7.sf.net)

btw: your “preview” comment thing slows my poor laptop to a crawl.

By: marko

marko — Thu, 17 Mar 2005 09:37:40 +0000

Crap! I missed to check for the floating bugs in IE. It’s fixed now : ). However, adjusting for IE 5.x requires more hacking, which is out of the context of this topic.

By: Jan Havrda

Jan Havrda — Thu, 17 Mar 2005 08:10:53 +0000

Nice, but doesnt work in IE6 to me?

By: medo

medo — Wed, 16 Mar 2005 15:38:59 +0000

Nice technique.

Hvala Marko. Pozdrav iz Londona

By: kartooner

kartooner — Wed, 16 Mar 2005 13:35:52 +0000

I think it’s a unique technique and I’m with Oxton, it’s one to save for the bookmarks. Thanks for sharing!

By: John Oxton

John Oxton — Wed, 16 Mar 2005 13:22:57 +0000

Very neat, one for the bookmarks! :-)