A lot of absolute containers? How to approach this.

[Grimtrick]

Hey,

I will be doing a project where there will be a lot of stuff like this:

https://www.dropbox.com/s/p0nm92k1s2j3cn1/Screenshot%202015-08-13%2013.44.43.png?dl=0

Basically containers overlapping sections, each other etc.

I am unsure on how to approach this, should I just position everything with position:absolute and then by hand, or maybe there is a better way of doing it? Also does anyone know any good examples of sites like this?

[Alen]

@patrickz without knowing too much about the spec, can you try using SVG?

You could do the whole thing in SVG and target individual SVG elements if you need to move them around or do whatever.

Check out this video by Chris Coyier – SVG Is For Everybody

https://vimeo.com/99828116

Here is support for SVG: http://caniuse.com/#feat=svg

Hope that helps,
Alen

[Author]

Posts