Have one CSS attribute equal another attribute?

Asked Sep 30 '15 at 15:25

Active Sep 30 '15 at 15:25

Viewed 289 times

I am making a personal website and would like to have it so what ever the width of one element is the height is always equal.

The width is set as a percentage so will change based on the window size.

I imagine I could use JS to do this but would prefer not to.

asked Sep 30 '15 at 15:25

SteamPunk_Devil

What's your question? You mean to say, equal height and width, is it? – Praveen Kumar Purushothaman Sep 30 '15 at 15:26
Yeah I want to be able to use the width as the height but width is a percentage – SteamPunk_Devil Sep 30 '15 at 15:27
3

See this answer: http://stackoverflow.com/q/5445491/462627 – Praveen Kumar Purushothaman Sep 30 '15 at 15:27
You will need to use javascript to accomplish this. The closest you can get with just CSS is having static sizes. Perhaps look into SASS or LESS or another CSS preprocessor. They will provide shortcuts for things like this. – FunkyMonk91 Sep 30 '15 at 15:28
Hi, i posted a new answer or hack (pure HTML and CSS) here: http://stackoverflow.com/a/32870380/1661983 – orlland Sep 30 '15 at 15:44

0 Answers0